feat(vue3-core): 初始化vue3-core

packages/demo-v3/package.json

@@ -10,7 +10,7 @@
     },
     "dependencies": {
         "@lljj/polyfill": "^0.1.0",
-        "@lljj/vue-json-schema-form": "0.5.0",
+        "@lljj/vue3-form-element": "0.5.0",
         "demo-common": "0.5.0",
         "ajv-i18n": "^3.5.0",
         "vue": "^3.0.0",

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

@@ -165,7 +165,6 @@
                             <span>生成表单：</span>
                         </div>
                         <VueElementForm
-                            v-if="false"
                             v-model="formData"
                             :schema="schema"
                             :ui-schema="uiSchema"
@@ -202,7 +201,8 @@ const VueElementForm = async () => {
     //     // iview3 form
     //     return import('@lljj/vue2-form-iview3/src/index');
     // }
-    return import('@lljj/vue-json-schema-form');
+    debugger;
+    return import('@lljj/vue3-form-element/src/index');
 };
 
 const typeItems = Object.keys(schemaTypes);

packages/demo/package.json

@@ -10,6 +10,7 @@
     },
     "dependencies": {
         "@lljj/polyfill": "^0.1.0",
+        "@lljj/vue2-form-iview3": "0.5.0",
         "@lljj/vue-json-schema-form": "0.5.0",
         "ajv-i18n": "^3.5.0",
         "vue": "^2.6.10",

packages/lib/vue3-core/.eslintignore

@@ -0,0 +1,3 @@
+/**/node_modules/*
+/**/dist/*
+/**/*.css

packages/lib/vue3-core/JsonSchemaForm/FIELDS_MAP.js

@@ -0,0 +1,46 @@
+/**
+ * Created by Liu.Jun on 2020/4/20 9:55 下午.
+ */
+
+// eslint-disable-next-line import/no-cycle
+import ObjectField from './fields/ObjectField';
+
+// eslint-disable-next-line import/no-cycle
+import StringField from './fields/StringField';
+
+// eslint-disable-next-line import/no-cycle
+import NumberField from './fields/NumberField';
+
+// eslint-disable-next-line import/no-cycle
+import IntegerField from './fields/IntegerField';
+
+// eslint-disable-next-line import/no-cycle
+import BooleanField from './fields/BooleanField';
+
+// eslint-disable-next-line import/no-cycle
+import ArrayField from './fields/ArrayField';
+
+// eslint-disable-next-line import/no-cycle
+import AnyOfField from './fields/combiningSchemas/AnyOfField';
+
+// eslint-disable-next-line import/no-cycle
+import OneOfField from './fields/combiningSchemas/OneOfField';
+
+// 默认类型使用field映射关系
+const FIELDS_MAPS = {
+    array: ArrayField,
+    boolean: BooleanField,
+    integer: IntegerField,
+    number: NumberField,
+    object: ObjectField,
+    string: StringField,
+    null: {
+        render() {
+            return null;
+        }
+    },
+    anyOf: AnyOfField,
+    oneOf: OneOfField
+};
+
+export default FIELDS_MAPS;

packages/lib/vue3-core/JsonSchemaForm/components/FieldGroupWrap.vue

@@ -0,0 +1,45 @@
+<template>
+    <div class="fieldGroupWrap">
+        <template>
+            <h3
+                v-if="showTitle && title"
+                class="fieldGroupWrap_title"
+            >
+                {{ title }}
+            </h3>
+            <p
+                v-if="showDescription && description"
+                class="fieldGroupWrap_des"
+                v-html="description"
+            >
+            </p>
+        </template>
+        <div class="fieldGroupWrap_box">
+            <slot></slot>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'FieldGroupWrap',
+    props: {
+        showTitle: {
+            type: Boolean,
+            default: true
+        },
+        showDescription: {
+            type: Boolean,
+            default: true
+        },
+        title: {
+            type: String,
+            default: ''
+        },
+        description: {
+            type: String,
+            default: ''
+        }
+    }
+};
+</script>

packages/lib/vue3-core/JsonSchemaForm/components/FormFooter.js

@@ -0,0 +1,50 @@
+/**
+ * Created by Liu.Jun on 2020/12/27 9:53 下午.
+ */
+
+export default {
+    name: 'FormFooter',
+    props: {
+        okBtn: {
+            type: String,
+            default: '保存'
+        },
+        cancelBtn: {
+            type: String,
+            default: '取消'
+        },
+        globalOptions: null
+    },
+    render(h) {
+        const self = this;
+        const { okBtn, cancelBtn, globalOptions: { COMPONENT_MAP } } = this.$props;
+
+        return h(COMPONENT_MAP.formItem, {
+            class: {
+                formFooter_item: true
+            }
+        }, [
+            h(COMPONENT_MAP.button, {
+                on: {
+                    click() {
+                        self.$emit('onCancel');
+                    }
+                }
+            }, cancelBtn),
+            h(COMPONENT_MAP.button, {
+                style: {
+                    marginLeft: '10px'
+                },
+                props: {
+                    type: 'primary'
+                },
+                on: {
+                    click() {
+                        self.$emit('onSubmit');
+                    }
+                }
+            }, okBtn)
+        ]);
+
+    }
+};