release: v0.2.2-1

Author: Muluk-m

.eslintignore

@@ -1,4 +1,3 @@
-/node_modules
-/packages/schema-form-react/src/schema-form/
-/packages/*/dist
 /scripts
+/**/node_modules/*
+/**/dist/*

.eslintrc.js

@@ -3,6 +3,7 @@ const WARN = 1;
 const ERROR = 2;
 
 module.exports = {
+  root: true,
   env: {
     browser: true,
     es2021: true,
@@ -11,22 +12,24 @@ module.exports = {
   extends: [
     'airbnb',
     'airbnb/hooks',
-    'plugin:react/recommended',
+    // 'plugin:react/recommended',
+    'plugin:vue/recommended',
     // 'plugin:unicorn/recommended',
     'plugin:promise/recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:prettier/recommended',
   ],
-  parser: '@typescript-eslint/parser',
+  parser: 'vue-eslint-parser',
   parserOptions: {
+    parser: '@typescript-eslint/parser',
     ecmaFeatures: {
       impliedStrict: true,
-      jsx: true,
+      // jsx: true,
     },
     ecmaVersion: 12,
     sourceType: 'module',
   },
-  plugins: ['react', 'promise', '@typescript-eslint', 'prettier'],
+  plugins: ['react', 'promise', '@typescript-eslint', 'prettier', 'vue'],
   settings: {
     'import/resolver': {
       node: {
@@ -54,22 +57,22 @@ module.exports = {
     'no-unused-vars': OFF,
     'no-param-reassign': OFF,
 
-    'react/jsx-filename-extension': [ERROR, { extensions: ['.tsx', 'ts', '.jsx', 'js'] }],
-    'react/jsx-indent-props': [ERROR, 2],
-    'react/jsx-indent': [ERROR, 2],
-    'react/jsx-one-expression-per-line': OFF,
-    'react/destructuring-assignment': OFF,
-    'react/state-in-constructor': OFF,
-    'react/jsx-props-no-spreading': OFF,
-    'react/prop-types': OFF,
-    'react/display-name': OFF,
-    'react/react-in-jsx-scope': OFF,
-    'react/no-unknown-property': OFF,
-    'react-hooks/rules-of-hooks': OFF,
+    // 'react/jsx-filename-extension': [ERROR, { extensions: ['.tsx', 'ts', '.jsx', 'js'] }],
+    // 'react/jsx-indent-props': [ERROR, 2],
+    // 'react/jsx-indent': [ERROR, 2],
+    // 'react/jsx-one-expression-per-line': OFF,
+    // 'react/destructuring-assignment': OFF,
+    // 'react/state-in-constructor': OFF,
+    // 'react/jsx-props-no-spreading': OFF,
+    // 'react/prop-types': OFF,
+    // 'react/display-name': OFF,
+    // 'react/react-in-jsx-scope': OFF,
+    // 'react/no-unknown-property': OFF,
+    // 'react-hooks/rules-of-hooks': OFF,
 
-    'jsx-a11y/click-events-have-key-events': OFF,
-    'jsx-a11y/no-noninteractive-element-interactions': OFF,
-    'jsx-a11y/no-static-element-interactions': OFF,
+    // 'jsx-a11y/click-events-have-key-events': OFF,
+    // 'jsx-a11y/no-noninteractive-element-interactions': OFF,
+    // 'jsx-a11y/no-static-element-interactions': OFF,
 
     'lines-between-class-members': [ERROR, 'always'],
     // indent: [ERROR, 2, { SwitchCase: 1 }],

package.json

@@ -1,6 +1,6 @@
 {
   "name": "schema-form",
-  "version": "0.2.2-0",
+  "version": "0.2.2-1",
   "description": "An engine that generates forms based on JSON Schema",
   "repository": "https://github.com/Muluk-m/schema-form",
   "private": true,

packages/vue3-example/package.json

@@ -1,7 +1,7 @@
 {
   "name": "example",
   "private": true,
-  "version": "0.2.2-0",
+  "version": "0.2.2-1",
   "type": "module",
   "scripts": {
     "start": "vite --force",

packages/vue3-example/src/App.vue

@@ -1,23 +1,23 @@
 <script setup lang="ts">
 import SchemaForm from 'v3-schema-form';
-import { ref } from 'vue'
+import { ref } from 'vue';
 
 const formData = ref({
   string1: '123',
   string2: '选项2',
   string3: '选项2',
   string4: '选项1',
   string5: '选项1',
-  number:2,
+  number: 2,
   boolean: true,
-  array: [ '选项1', '选项2' ],
+  array: ['选项1', '选项2'],
   date: '2022-06-30',
-})
+});
 
 const schema = {
   type: 'object',
   properties: {
-     string1: {
+    string1: {
       type: 'string',
       title: '字符串1',
       required: true,
@@ -27,25 +27,25 @@ const schema = {
       type: 'string',
       title: '字符串2',
       widget: 'picker',
-      enum: [ '选项1', '选项2' ],
+      enum: ['选项1', '选项2'],
     },
     string3: {
       type: 'string',
       title: '字符串3',
       displayType: 'column',
       widget: 'radio',
-      enum: [ '选项1', '选项2' ],
+      enum: ['选项1', '选项2'],
     },
     string4: {
       type: 'string',
       title: '字符串4',
       widget: 'radioButton',
-      enum: [ '选项1', '选项2' ],
+      enum: ['选项1', '选项2'],
     },
     array: {
       type: 'array',
       title: '数组',
-      enum: [ '选项1', '选项2', '选项3' ],
+      enum: ['选项1', '选项2', '选项3'],
     },
     number: {
       type: 'number',
@@ -70,10 +70,10 @@ const schema = {
         showWordLimit: true,
       },
     },
-  }
-}
+  },
+};
 </script>
 
 <template>
-  <SchemaForm v-model="formData" :schema="schema" debug/>
+  <SchemaForm v-model="formData" :schema="schema" debug />
 </template>

packages/vue3-schema-form/package.json

@@ -1,6 +1,6 @@
 {
   "name": "v3-schema-form",
-  "version": "0.2.2-0",
+  "version": "0.2.2-1",
   "description": "An engine that generates forms based on JSON Schema",
   "keywords": [
     "vue",