feat(vue3-ant): 更新初始化

feat(vue3-antdv): 适配 a-form

feat(vue3-ant): 更新a-form

fix(vue3-elementplus): 修复elementPlus popover 组件渲染异常问题

fix #27

fix(vue3): 修复vue3版本inline 设置无效问题

fix #27

feat(core): 优化core 配置项

feat(vue3-antdv): 支持 a-form validate

chore(vue3-antdv): 添加注释

feat(vue3-antdv): 完成 formItem 对子元素输入监听

feat(vue3-antdv): 完成 antdv基础组件

fix(vue3-antdv): 修复 formItem name参数需要数组的问题

feat(vue3-antdv): 适配checkbox radio select组件

feat(vue3-antdv): 更新样式

feat(vue3-antdv): 添加vue3-antdv 时间日期相关组件

feat(antdv): antdv 添加时间日期选择

feat(vue3-antdv): 添加upload 上传组件适配

feat(vue3-antdv): 优化图片上传逻辑

feat(vue3-antdv): 优化antdv适配体验

feat(vue3-antdv): 添加 on-form-mounted emit，支持获取form组件实例

re #27

chore(lib): 调整图标为统一内置svg，不再各ui框架单独配置

feat(vue3 antdv): 兼容ant vue v-model组件不使用moduleValue

feat(vue3-antdv): 适配vue3-antdv hack首元素不是输入组件时正常校验

re #40

build(lib): build lib

docs(docs): 更新文档

chore(playground): 优化地址跳转体验

chore(playground): 更新 vue ant到正式版本

chore(lib): 更新依赖版本

Author: lljj-x

README.md

@@ -50,7 +50,7 @@ yarn run demo:dev --dir=vue-editor
 
 ### 说明
 * 遵循 `JSON Schema` 规范，只需要给定 `JSON Schema`，即可生成对应的form表单
-* 快速配置个性化ui视图和校验错误信息，可适配常用的ui库，目前的版本默认视图依赖 `elementUi`
+* 快速配置个性化ui视图和校验错误信息，可适配常用的ui库
 * 表单schema校验使用  [ajv](https://github.com/epoberezkin/ajv)
 * 设计思想和对schema解析索引参考 [react-jsonschema-form](https://github.com/rjsf-team/react-jsonschema-form)
 

package.json

@@ -12,13 +12,15 @@
     "scripts": {
         "docs:dev": "yarn workspace docs dev",
         "docs:build": "yarn workspace docs build",
-        "lib:build": "yarn lib-element:build && yarn lib-iview3:build && yarn lib3-element:build",
+        "lib:build": "yarn lib-element:build && yarn lib-iview3:build && yarn lib3-element:build && yarn lib3-ant:build",
         "lib-element:watch": "yarn workspace @lljj/vue-json-schema-form watch",
         "lib-element:build": "yarn workspace @lljj/vue-json-schema-form build",
         "lib-iview3:watch": "yarn workspace @lljj/vue2-form-iview3 watch",
         "lib-iview3:build": "yarn workspace @lljj/vue2-form-iview3 build",
         "lib3-element:watch": "yarn workspace @lljj/vue3-form-element watch",
         "lib3-element:build": "yarn workspace @lljj/vue3-form-element build",
+        "lib3-ant:watch": "yarn workspace @lljj/vue3-form-ant watch",
+        "lib3-ant:build": "yarn workspace @lljj/vue3-form-ant build",
         "demo:dev": "yarn workspace demo dev",
         "demo:build": "yarn workspace demo build",
         "demo3:dev": "yarn workspace demo-v3 dev",

packages/demo/demo-common/components/Antdv/index.js

@@ -0,0 +1,14 @@
+/**
+ * Created by Liu.Jun on 2021/2/1 10:00 下午.
+ */
+
+import Antd from 'ant-design-vue';
+
+// eslint-disable-next-line import/no-webpack-loader-syntax
+import '!vue-style-loader!css-loader!ant-design-vue/dist/antd.css';
+
+export default {
+    install(app) {
+        app.use(Antd);
+    }
+};

packages/demo/demo-common/components/EditorHeader.vue

@@ -66,7 +66,7 @@ export default {
             window.location.href = window.location.href.replace(
                 `${window.location.origin}${val === 'vue3' ? '' : '/v3'}`,
                 `${window.location.origin}${val === 'vue3' ? '/v3' : ''}`
-            );
+            ).replace(/&ui=.*?&/, '&');
         },
     }
 };

packages/demo/demo-common/components/iView/index.js

@@ -7,6 +7,7 @@ import iView from 'iview';
 
 export default {
     install(Vue) {
+        // debugger;
         Vue.use(iView);
     }
 };

packages/demo/demo-common/schemaTypes/14.Number/index.js

@@ -2,6 +2,25 @@
  * Created by Liu.Jun on 2020/5/17 10:18 下午.
  */
 
+let sliderName = 'el-slider';
+const sliderNameRules = {
+    'ui=VueAntForm': 'SliderWidget',
+    'ui=VueIview3Form': 'slider'
+};
+
+const curUrl = window.location.href;
+Object.entries(sliderNameRules).some(([key, value]) => {
+    const isInclude = ~curUrl.indexOf(key);
+
+    if (isInclude) {
+        sliderName = value;
+        return true;
+    }
+
+    return false;
+});
+
+
 export default {
     schema: {
         type: 'object',
@@ -48,10 +67,10 @@ export default {
             'ui:enumNames': ['ui-radio1', 'ui-radio2', 'ui-radio3']
         },
         integerRange: {
-            'ui:widget': 'el-slider',
+            'ui:widget': sliderName
         },
         integerRangeSteps: {
-            'ui:widget': 'el-slider',
+            'ui:widget': sliderName
         },
     },
     formData: {

packages/demo/demo-v2/package.json

@@ -9,11 +9,11 @@
         "lint": "vue-cli-service lint"
     },
     "dependencies": {
+        "demo-common": "1.0.0",
         "@lljj/polyfill": "^0.1.0",
         "@lljj/vue-json-schema-form": "1.0.2",
         "@lljj/vue2-form-iview3": "1.0.2",
         "ajv-i18n": "^3.5.0",
-        "element-ui": "^2.14.1",
         "iview": "^3.5.4",
         "vue": "^2.6.10",
         "vuedraggable": "2.23.2"

packages/demo/demo-v2/src/pages/index/views/Demo/index.vue

@@ -87,6 +87,7 @@
                     :to="{
                         name: 'demo',
                         query: {
+                            ui: curVueForm,
                             type: item
                         }
                     }"
@@ -177,6 +178,7 @@
                             :custom-formats="customFormats"
                             :form-footer="trueFormFooter"
                             :form-props="trueFormProps"
+                            @on-form-mounted="handleFormMounted"
                             @on-change="handleDataChange"
                             @on-cancel="handleCancel"
                             @on-submit="handleSubmit"
@@ -377,6 +379,9 @@ export default {
                 formProps
             }));
         },
+        handleFormMounted(formRef) {
+            console.log('Ui form component:', formRef);
+        },
         handleDataChange() {
             console.log('Data change');
         },
@@ -405,6 +410,7 @@ export default {
 
             const genRoute = this.$router.resolve({
                 query: {
+                    ui: this.curVueForm,
                     type: 'Test',
                     ui: this.curVueForm,
                     schema: formatStr(this.curSchemaCode),

packages/demo/demo-v2/src/pages/schema-generator/views/editor/Editor.vue

@@ -56,7 +56,6 @@
                         :class="{
                             layoutColumn: !formProps.inline,
                             [`layoutColumn-${formProps.layoutColumn}`]: !formProps.inline,
-                            [`formLabel-${formProps.labelPosition}`]: true,
                             formInlineFooter: formProps.inlineFooter,
                             formInline: formProps.inline,
                             // [`genFromComponent_${schema.id}Form`]: !!schema.id,

packages/demo/demo-v3/package.json

@@ -9,10 +9,12 @@
         "lint": "vue-cli-service lint"
     },
     "dependencies": {
+        "demo-common": "1.0.0",
         "@lljj/polyfill": "^0.1.0",
         "@lljj/vue3-form-element": "1.0.2",
+        "@lljj/vue3-form-ant": "1.0.2",
         "ajv-i18n": "^3.5.0",
-        "demo-common": "1.0.0",
+        "ant-design-vue": "^2.0.1",
         "vue": "^3.0.0",
         "vuedraggable": "2.23.2"
     },