refactor!: 用ts重构 & 修复若干问题

.eslintrc.js

@@ -3,20 +3,20 @@ module.exports = {
   env: {
     node: true
   },
-  'extends': [
-    'plugin:vue/essential',
-    '@vue/standard'
+  extends: [
+    "plugin:vue/essential",
+    "eslint:recommended",
+    "@vue/typescript/recommended",
+    "@vue/prettier",
+    "@vue/prettier/@typescript-eslint"
   ],
-  rules: {
-    'no-eval': 0,
-    'space-before-function-paren': 0,
-    'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off'
-  },
   parserOptions: {
-    parser: 'babel-eslint'
+    ecmaVersion: 2020
   },
-  globals: {
-    _: true
+  rules: {
+    "no-eval": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
+    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off"
   }
-}
+};

.gitignore

@@ -1,7 +1,6 @@
 .DS_Store
 node_modules
 /dist
-/docs
 
 # local env files
 .env.local

.grenrc.js

@@ -1,6 +1,6 @@
 module.exports = {
-  dataSource: 'commits',
-  includeMessages: 'commits',
-  ignoreCommitsWith: ['changelog', 'release'],
-  changelogFilename: 'CHANGELOG.md'
-}
+  dataSource: "commits",
+  includeMessages: "commits",
+  ignoreCommitsWith: ["changelog", "release", "docs"],
+  changelogFilename: "CHANGELOG.md"
+};

CHANGELOG.md

@@ -4,129 +4,113 @@ All notable changes to this project will be documented in this file. See [standa
 
 ### [1.10.1](https://github.com/dream2023/vue-ele-form-generator/compare/v1.10.0...v1.10.1) (2020-02-14)
 
-
 ### Bug Fixes
 
-* **#21:** 无gui界面报错 & node版本检测 ([bf67acb](https://github.com/dream2023/vue-ele-form-generator/commit/bf67acb1f741cea534c5260f439f7247d56bc8fd)), closes [#21](https://github.com/dream2023/vue-ele-form-generator/issues/21)
+- **#21:** 无 gui 界面报错 & node 版本检测 ([bf67acb](https://github.com/dream2023/vue-ele-form-generator/commit/bf67acb1f741cea534c5260f439f7247d56bc8fd)), closes [#21](https://github.com/dream2023/vue-ele-form-generator/issues/21)
 
 ## [1.10.0](https://github.com/dream2023/vue-ele-form-generator/compare/v1.9.0...v1.10.0) (2020-02-10)
 
-
 ### Features
 
-* 增加属性搜索 ([e2fb6bc](https://github.com/dream2023/vue-ele-form-generator/commit/e2fb6bc0b197842c9ede19bfdb047493e0ca8b1d))
-* 添加 组件查找 功能 ([25d5023](https://github.com/dream2023/vue-ele-form-generator/commit/25d50236ec9269e7ae7d88d99e9b6400675d3e62))
+- 增加属性搜索 ([e2fb6bc](https://github.com/dream2023/vue-ele-form-generator/commit/e2fb6bc0b197842c9ede19bfdb047493e0ca8b1d))
+- 添加 组件查找 功能 ([25d5023](https://github.com/dream2023/vue-ele-form-generator/commit/25d50236ec9269e7ae7d88d99e9b6400675d3e62))
 
 ## [1.9.0](https://github.com/dream2023/vue-ele-form-generator/compare/v1.8.0...v1.9.0) (2020-02-06)
 
-
 ### Features
 
-* 增加批量添加表单项 ([e20defd](https://github.com/dream2023/vue-ele-form-generator/commit/e20defd44f141143a22edda3a174d8e97ec5add6))
+- 增加批量添加表单项 ([e20defd](https://github.com/dream2023/vue-ele-form-generator/commit/e20defd44f141143a22edda3a174d8e97ec5add6))
 
 ## [1.8.0](https://github.com/dream2023/vue-ele-form-generator/compare/v1.7.0...v1.8.0) (2020-02-02)
 
-
 ### Features
 
-* 增加cascader-panel组件 ([6bc0994](https://github.com/dream2023/vue-ele-form-generator/commit/6bc09943687f3816439710e934adbe71651a6aea))
-* 增加文档链接 ([63a3d06](https://github.com/dream2023/vue-ele-form-generator/commit/63a3d06ffdd4cdfe165f56cec808786cc8f8c84c))
-
+- 增加 cascader-panel 组件 ([6bc0994](https://github.com/dream2023/vue-ele-form-generator/commit/6bc09943687f3816439710e934adbe71651a6aea))
+- 增加文档链接 ([63a3d06](https://github.com/dream2023/vue-ele-form-generator/commit/63a3d06ffdd4cdfe165f56cec808786cc8f8c84c))
 
 ### Bug Fixes
 
-* 删除多余属性 ([723d283](https://github.com/dream2023/vue-ele-form-generator/commit/723d2832e3c83e2a7876b2509d06ea9a60de0feb))
+- 删除多余属性 ([723d283](https://github.com/dream2023/vue-ele-form-generator/commit/723d2832e3c83e2a7876b2509d06ea9a60de0feb))
 
 ## [1.7.0](https://github.com/dream2023/vue-ele-form-generator/compare/v1.6.1...v1.7.0) (2020-01-31)
 
-
 ### Features
 
-* 增加可拖动左侧面板 ([1d94312](https://github.com/dream2023/vue-ele-form-generator/commit/1d94312bd5e809378371e56268e277435936a056))
+- 增加可拖动左侧面板 ([1d94312](https://github.com/dream2023/vue-ele-form-generator/commit/1d94312bd5e809378371e56268e277435936a056))
 
 ### [1.6.1](https://github.com/dream2023/vue-ele-form-generator/compare/v1.6.0...v1.6.1) (2020-01-30)
 
-
 ### Bug Fixes
 
-* 生成唯一id ([6a31d40](https://github.com/dream2023/vue-ele-form-generator/commit/6a31d40d0de7f6383331a456a4bc80ed62961a93))
+- 生成唯一 id ([6a31d40](https://github.com/dream2023/vue-ele-form-generator/commit/6a31d40d0de7f6383331a456a4bc80ed62961a93))
 
 ## [1.6.0](https://github.com/dream2023/vue-ele-form-generator/compare/v1.5.0...v1.6.0) (2020-01-30)
 
-
 ### Features
 
-* 增加rules校检规则编辑 ([eb884a1](https://github.com/dream2023/vue-ele-form-generator/commit/eb884a1d3c5c845390335ce37526a5fa00cb2baf))
-* 增加校检 & 重构代码 ([8d8236c](https://github.com/dream2023/vue-ele-form-generator/commit/8d8236ca3bc0934f99ce96dbadcba2c92afa972b))
-
+- 增加 rules 校检规则编辑 ([eb884a1](https://github.com/dream2023/vue-ele-form-generator/commit/eb884a1d3c5c845390335ce37526a5fa00cb2baf))
+- 增加校检 & 重构代码 ([8d8236c](https://github.com/dream2023/vue-ele-form-generator/commit/8d8236ca3bc0934f99ce96dbadcba2c92afa972b))
 
 ### Bug Fixes
 
-* cli脚本更新提示信息 ([4d3fe6a](https://github.com/dream2023/vue-ele-form-generator/commit/4d3fe6a5c369925c98186173872256eb88f55b50))
+- cli 脚本更新提示信息 ([4d3fe6a](https://github.com/dream2023/vue-ele-form-generator/commit/4d3fe6a5c369925c98186173872256eb88f55b50))
 
 ## [1.5.0](https://github.com/dream2023/vue-ele-form-generator/compare/v1.4.0...v1.5.0) (2020-01-20)
 
-
 ### Features
 
-* default默认值类型完善 ([c8abec9](https://github.com/dream2023/vue-ele-form-generator/commit/c8abec90d4d4db2f8435ede872ccceed08e34f03))
+- default 默认值类型完善 ([c8abec9](https://github.com/dream2023/vue-ele-form-generator/commit/c8abec90d4d4db2f8435ede872ccceed08e34f03))
 
 ## [1.4.0](https://github.com/dream2023/vue-ele-form-generator/compare/v1.3.2...v1.4.0) (2020-01-19)
 
-
 ### Features
 
-* cli 优化提示 ([6c0727b](https://github.com/dream2023/vue-ele-form-generator/commit/6c0727bc013bff133b47d3628d93f57b0c07eb0a))
+- cli 优化提示 ([6c0727b](https://github.com/dream2023/vue-ele-form-generator/commit/6c0727bc013bff133b47d3628d93f57b0c07eb0a))
 
 ### [1.3.2](https://github.com/dream2023/vue-ele-form-generator/compare/v1.3.0...v1.3.2) (2020-01-19)
 
-
 ### Bug Fixes
 
-* 兼容vscode ([7529d06](https://github.com/dream2023/vue-ele-form-generator/commit/7529d064a0054c8fb3469ff2985a9993594a9f02))
+- 兼容 vscode ([7529d06](https://github.com/dream2023/vue-ele-form-generator/commit/7529d064a0054c8fb3469ff2985a9993594a9f02))
 
 ## [1.3.0](https://github.com/dream2023/vue-ele-form-generator/compare/v1.2.0...v1.3.0) (2020-01-19)
 
-
 ### Features
 
-* 兼容vscode插件 ([3bf52c6](https://github.com/dream2023/vue-ele-form-generator/commit/3bf52c6996b9c031aacff5a44ac9aacb0702f65b))
+- 兼容 vscode 插件 ([3bf52c6](https://github.com/dream2023/vue-ele-form-generator/commit/3bf52c6996b9c031aacff5a44ac9aacb0702f65b))
 
 ## [1.2.0](https://github.com/dream2023/vue-ele-form-generator/compare/v1.1.0...v1.2.0) (2020-01-15)
 
-
 ### Features
 
-* 增加属性链接 ([4a9bb06](https://github.com/dream2023/vue-ele-form-generator/commit/4a9bb065bba2a2e53bd7b12cdb63c36af7f84261))
+- 增加属性链接 ([4a9bb06](https://github.com/dream2023/vue-ele-form-generator/commit/4a9bb065bba2a2e53bd7b12cdb63c36af7f84261))
 
 ## 1.1.0 (2020-01-14)
 
-
 ### Features
 
-* 优化显示代码 ([459b957](https://github.com/dream2023/vue-ele-form-generator/commit/459b957d734eab16a2469983583d37ad08a280f6))
-* 使用 cdn 和 使用动态组件加快访问 ([c11b76c](https://github.com/dream2023/vue-ele-form-generator/commit/c11b76c4a6e1274742b2c0d79ae1af25f4205908))
-* 修改label 并 增加辅助属性功能 ([89ea798](https://github.com/dream2023/vue-ele-form-generator/commit/89ea7987f04c2b48f22789ee112a2813a8ce18bc))
-* 升级依赖, 支持动态type ([9be5b22](https://github.com/dream2023/vue-ele-form-generator/commit/9be5b2293f9855212f551a2f0f64c4f672fa0a4d))
-* 增加cli工具 ([d447566](https://github.com/dream2023/vue-ele-form-generator/commit/d44756653c9fe6ba897a4974bd247d9289fc58cc))
-* 增加release规范 ([6ee5bfb](https://github.com/dream2023/vue-ele-form-generator/commit/6ee5bfb447de5d45bc4ca668fcc44086ced3b13f))
-* 增加tree-select组件 ([63f6636](https://github.com/dream2023/vue-ele-form-generator/commit/63f6636fc1ca930ad9aad7a4bd516058156d1f24))
-* 增加初始化示例 ([a8bfa70](https://github.com/dream2023/vue-ele-form-generator/commit/a8bfa70b2741893c3fb30633134e02811c43e1dc))
-* 增加取消按钮选项 ([3f4bf6b](https://github.com/dream2023/vue-ele-form-generator/commit/3f4bf6bbbb807b284f1186e0ad48f1acd38402bf))
-* 增加属性面板的提示 ([47c6174](https://github.com/dream2023/vue-ele-form-generator/commit/47c617484914d0d1b9516b9f678d28c173b3aba2))
-* 增加数据持久化, 刷新不会丢数据 ([1c9efcf](https://github.com/dream2023/vue-ele-form-generator/commit/1c9efcf1da5fb7c1c0d2c4207a5e349a4c1434df))
-* 增加清空列表功能 ([5beac99](https://github.com/dream2023/vue-ele-form-generator/commit/5beac9926c751254c074a3ce948e458123d7f457))
-* 完善扩展组件属性 ([1f9c2ff](https://github.com/dream2023/vue-ele-form-generator/commit/1f9c2ff058988848ee1ce3bf481dc7c92ca3217a))
-* 完成基本功能待完善属性 ([d6e7052](https://github.com/dream2023/vue-ele-form-generator/commit/d6e70520d0564e026543c68042b0c4abbbdc782f))
-* 完成基础组件的属性添加 ([94a3f37](https://github.com/dream2023/vue-ele-form-generator/commit/94a3f3716cbbc01ac8febd1f10b02842030fd02a))
-* 完成大部分内置组件属性 ([f5afdfa](https://github.com/dream2023/vue-ele-form-generator/commit/f5afdfaa733a49a09ff58193eba2107aadff8822))
-* 属性优化 ([0bbe25a](https://github.com/dream2023/vue-ele-form-generator/commit/0bbe25aee811cb9bbe6cf197191f67104f07fb4a))
-* 用vuex代替多个组件相互传值 ([1f0bfeb](https://github.com/dream2023/vue-ele-form-generator/commit/1f0bfeb0c46ecf95bba67689ef705ab35d632a61))
-* 重构配置属性方式 ([53e708d](https://github.com/dream2023/vue-ele-form-generator/commit/53e708d5ad9e0e1f54824e31b9258b7fe7b3dc9f))
-
+- 优化显示代码 ([459b957](https://github.com/dream2023/vue-ele-form-generator/commit/459b957d734eab16a2469983583d37ad08a280f6))
+- 使用 cdn 和 使用动态组件加快访问 ([c11b76c](https://github.com/dream2023/vue-ele-form-generator/commit/c11b76c4a6e1274742b2c0d79ae1af25f4205908))
+- 修改 label 并 增加辅助属性功能 ([89ea798](https://github.com/dream2023/vue-ele-form-generator/commit/89ea7987f04c2b48f22789ee112a2813a8ce18bc))
+- 升级依赖, 支持动态 type ([9be5b22](https://github.com/dream2023/vue-ele-form-generator/commit/9be5b2293f9855212f551a2f0f64c4f672fa0a4d))
+- 增加 cli 工具 ([d447566](https://github.com/dream2023/vue-ele-form-generator/commit/d44756653c9fe6ba897a4974bd247d9289fc58cc))
+- 增加 release 规范 ([6ee5bfb](https://github.com/dream2023/vue-ele-form-generator/commit/6ee5bfb447de5d45bc4ca668fcc44086ced3b13f))
+- 增加 tree-select 组件 ([63f6636](https://github.com/dream2023/vue-ele-form-generator/commit/63f6636fc1ca930ad9aad7a4bd516058156d1f24))
+- 增加初始化示例 ([a8bfa70](https://github.com/dream2023/vue-ele-form-generator/commit/a8bfa70b2741893c3fb30633134e02811c43e1dc))
+- 增加取消按钮选项 ([3f4bf6b](https://github.com/dream2023/vue-ele-form-generator/commit/3f4bf6bbbb807b284f1186e0ad48f1acd38402bf))
+- 增加属性面板的提示 ([47c6174](https://github.com/dream2023/vue-ele-form-generator/commit/47c617484914d0d1b9516b9f678d28c173b3aba2))
+- 增加数据持久化, 刷新不会丢数据 ([1c9efcf](https://github.com/dream2023/vue-ele-form-generator/commit/1c9efcf1da5fb7c1c0d2c4207a5e349a4c1434df))
+- 增加清空列表功能 ([5beac99](https://github.com/dream2023/vue-ele-form-generator/commit/5beac9926c751254c074a3ce948e458123d7f457))
+- 完善扩展组件属性 ([1f9c2ff](https://github.com/dream2023/vue-ele-form-generator/commit/1f9c2ff058988848ee1ce3bf481dc7c92ca3217a))
+- 完成基本功能待完善属性 ([d6e7052](https://github.com/dream2023/vue-ele-form-generator/commit/d6e70520d0564e026543c68042b0c4abbbdc782f))
+- 完成基础组件的属性添加 ([94a3f37](https://github.com/dream2023/vue-ele-form-generator/commit/94a3f3716cbbc01ac8febd1f10b02842030fd02a))
+- 完成大部分内置组件属性 ([f5afdfa](https://github.com/dream2023/vue-ele-form-generator/commit/f5afdfaa733a49a09ff58193eba2107aadff8822))
+- 属性优化 ([0bbe25a](https://github.com/dream2023/vue-ele-form-generator/commit/0bbe25aee811cb9bbe6cf197191f67104f07fb4a))
+- 用 vuex 代替多个组件相互传值 ([1f0bfeb](https://github.com/dream2023/vue-ele-form-generator/commit/1f0bfeb0c46ecf95bba67689ef705ab35d632a61))
+- 重构配置属性方式 ([53e708d](https://github.com/dream2023/vue-ele-form-generator/commit/53e708d5ad9e0e1f54824e31b9258b7fe7b3dc9f))
 
 ### Bug Fixes
 
-* windows显示不正常 ([014851d](https://github.com/dream2023/vue-ele-form-generator/commit/014851d3234275a7d358e940fbb5b31ecf2996c5))
-* 修复样式问题 ([448fbf1](https://github.com/dream2023/vue-ele-form-generator/commit/448fbf1007f514175bdcbe7418d4a6e84ae01bfe))
-* 生成代码不正常 ([baf405b](https://github.com/dream2023/vue-ele-form-generator/commit/baf405b35c71a5eff07ee4a3f430e904089a7e2e))
+- windows 显示不正常 ([014851d](https://github.com/dream2023/vue-ele-form-generator/commit/014851d3234275a7d358e940fbb5b31ecf2996c5))
+- 修复样式问题 ([448fbf1](https://github.com/dream2023/vue-ele-form-generator/commit/448fbf1007f514175bdcbe7418d4a6e84ae01bfe))
+- 生成代码不正常 ([baf405b](https://github.com/dream2023/vue-ele-form-generator/commit/baf405b35c71a5eff07ee4a3f430e904089a7e2e))

README.md

@@ -39,19 +39,25 @@ vue-ele-form-generator 是专为 [vue-ele-form](https://github.com/dream2023/vue
 
 ```bash
 # 安装
-npm install -g vue-ele-form-generator # yarn global add vue-ele-form-generator
+yarn global add fgen-cli # 或 npm install -g fgen-cli
 ```
 
 ```bash
-# 使用
-fgen # fgen -p 端口号
+# 基本使用
+fgen
+```
+
+```bash
+# 指定端口
+fgen -p 8080
 ```
 
 ```bash
 # 更新
-npm update -g vue-ele-form-generator
+yarn global add fgen-cli # 或 npm update -g fgen-cli
 ```
 
+
 #### 第三种方式: vscode 插件
 
 插件市场搜索: `fgen-for-vscode`, 或者点击[链接](https://marketplace.visualstudio.com/items?itemName=dream2023.fgen-for-vscode&ssr=false#review-details)
@@ -62,6 +68,7 @@ npm update -g vue-ele-form-generator
 | ------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------ |
 | [vue-ele-form](https://github.com/dream2023/vue-ele-form)                                        | [![npm](https://img.shields.io/npm/v/vue-ele-form)](https://github.com/dream2023/vue-ele-form)                                 | 接基于 ElementUI 的数据驱动表单            |
 | [vue-ele-form-generator](https://github.com/dream2023/vue-ele-form-generator)                    | [![npm](https://img.shields.io/npm/v/vue-ele-form-generator)](https://github.com/dream2023/vue-ele-form-generator)             | 专为 vue-ele-form 开发的可视化表单设计工具 |
+| [fgen-cli](https://github.com/dream2023/fgen-cli)                    | [![npm](https://img.shields.io/npm/v/fgen-cli)](https://github.com/dream2023/fgen-cli)             | 本地启动vue-ele-form-generator的cli工具 |
 | [fgen-for-vscode](https://marketplace.visualstudio.com/items?itemName=dream2023.fgen-for-vscode) | ![Visual Studio Marketplace Version](https://img.shields.io/visual-studio-marketplace/v/dream2023.fgen-for-vscode)             | vue-ele-form-generator 的 vscode 扩展      |
 | [vue-ele-form-json-editor](https://github.com/dream2023/vue-ele-form-json-editor)                | [![npm](https://img.shields.io/npm/v/vue-ele-form-json-editor)](https://github.com/dream2023/vue-ele-form-json-editor)         | JSON 编辑器(vue-ele-form 扩展)             |
 | [vue-ele-form-upload-file](https://github.com/dream2023/vue-ele-form-upload-file)                | [![npm](https://img.shields.io/npm/v/vue-ele-form-upload-file)](https://github.com/dream2023/vue-ele-form-upload-file)         | upload 文件上传组件(vue-ele-form 扩展)     |

babel.config.js

@@ -1,6 +1,4 @@
 module.exports = {
-  plugins: ['lodash'],
-  presets: [
-    '@vue/app'
-  ]
-}
+  plugins: ["lodash"],
+  presets: ["@vue/cli-plugin-babel/preset"]
+};