deepmerge change

Author: francyfox

README.md

@@ -1,9 +1,9 @@
-# FN-Scheme
+# FN-Scheme TS
 #### Form schema component for Naive UI framework. Generate form from json like formkit schema component
 
 P.S. alternative @chronicstone/vue-sweetforms
 
-- Package type: `es`
+- Package type: `ts files`
 
 
 #### TREE
@@ -26,7 +26,7 @@ Import component
 ```vue
 
 <script setup type="ts">
-import { FnSchema, NaiveUISchema } from '@francyfox/fn-forms'
+import { FnSchema, NaiveUISchema } from "@francyfox/fn-forms/src/lib"
 
 const formData = ref()
 const json = {
@@ -254,6 +254,11 @@ const formData = ref({
 
 #### CHANGELOG
 
+##### 0.1.0 - 0.1.3
+
+- change deepmerge to deepmerge-ts
+- disable compile version. Only TS
+
 ##### v0.1.0
 
 - fix import error

package.json

@@ -3,7 +3,7 @@
   "description": "Naive UI component. Generate form from json like formkit schema component",
   "author": "hellisart <7info7web@gmail.com>",
   "private": false,
-  "version": "0.1.2",
+  "version": "0.1.3",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -25,7 +25,7 @@
     "src/lib"
   ],
   "dependencies": {
-    "deepmerge": "^4.3.1",
+    "deepmerge-ts": "^5.1.0",
     "naive-ui": "^2.34.3",
     "vue": "^3.2.47"
   },

pnpm-lock.yaml

@@ -1,6 +1,6 @@
 import { nestedObjectByPath, resolve }    from '../../helper/helper.path.ts';
 import { Ref }                            from 'vue';
-import deepmerge from 'deepmerge'
+import { deepmerge }                      from 'deepmerge-ts';
 import { renderElement }                  from '../../module/schema/schema.render.ts';
 import { fnValueArguments, NaiveUITypes } from '../../module/schema/schema.model.ts';
 
@@ -27,7 +27,7 @@ export function updateValueHandler(argument: fnValueArguments, checked: boolean
     const { $props, v, path, formData } = argument;
     const inputDeep = nestedObjectByPath(path, v);
     const merged = deepmerge(formData, inputDeep, {
-        arrayMerge: (_, sourceArray) => sourceArray, // TODO: need add overwrite by path (+ multipath)
+        arrayMerge: (_: any, sourceArray: any) => sourceArray, // TODO: need add overwrite by path (+ multipath)
     });
     Object.assign(formData, merged);
 

src/lib/module/schema/schema.parser.ts

@@ -62,6 +62,7 @@ export function renderElement(_el: NaiveUISchemaEl, formData: Ref<object>): VNod
         }
     }
 
+    console.log($props)
     // @ts-ignore
     return h(component, $props, renderChildren($children, formData));
 }

src/lib/module/schema/schema.render.ts

@@ -3,6 +3,15 @@ import type { NaiveUISchema } from '../lib/module/schema/schema.model';
 export default [
     {
         $type: 'n-form',
+        $props: {
+            rules: {
+                user: {
+                    name: {
+                        required: true
+                    }
+                }
+            }
+        },
         $children: [
             {
                 $type: 'n-space',