@neatui/nuxt 1.5.2 → 1.5.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neatui/nuxt",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "description": "NeatUI component library for Nuxt 3",
   "main": "./src/index.ts",
   "license": "MIT",
@@ -22,7 +22,7 @@
     "@nuxt/schema": "^3.0.0",
     "@rollup/plugin-typescript": "^11.1.6",
     "@types/sortablejs": "^1.15.8",
-    "nuxt": "^3.0.0",
+    "nuxt": ">=3.0.0",
     "postcss-scss": "^4.0.9",
     "rollup-plugin-scss": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",

package/src/components/loader/{FormLoader/NodeLoader.vue → NodeLoader.vue}

@@ -1,7 +1,7 @@
 <template>
-  <template v-for="(item, index) in $nodes" :key="item.paths">
-    <div class="fekit-node-loader" :data-level="level" :data-index="index" :data-paths="item.paths" v-bind="item.attrs" v-on="item.$events" v-html="item.value"></div>
-    <NodeLoader v-if="item.child" :nodes="item.child" :level="$level" :index="index" :paths="item.paths" />
+  <template v-for="(item, index) in $nodes" :key="index">
+    <div :data-index="index" v-bind="item.attrs" v-on="item.$events" v-html="item.value"></div>
+    <NodeLoader v-if="item.child" :nodes="item.child" />
   </template>
 </template>
 <script setup lang="ts">
@@ -9,34 +9,24 @@
   import NodeLoader from './NodeLoader.vue';
 
   interface NodeProps {
-    label?: string | ((data: any) => string);
-    field?: string | ((data: any) => string);
-    model?: string | ((data: any) => string);
     attrs?: Record<string, any> | ((data: any) => Record<string, any>);
-    clear?: boolean | ((data: any) => boolean);
-    media?: string | ((data: any) => string);
     value?: any | ((data: any) => any);
+    model?: string;
     event?: Record<string, any> | ((data: any) => Record<string, any>);
     child?: NodeProps[];
   }
 
   interface Props {
-    nodes: NodeProps[];
-    level?: number;
-    index?: number;
-    paths?: string;
+    nodes: NodeProps | NodeProps[];
   }
   const props = withDefaults(defineProps<Props>(), {
     nodes: () => [],
-    level: 0,
-    index: 0,
-    paths: '',
   });
 
   const $nodes = computed(() => {
-    return props.nodes.map((item, index) => {
-      const paths = props.paths ? `${props.paths}-${index}` : `${index}`;
-      const context = { node: item, level: props.level, index, paths } as const;
+    const nodeList = Array.isArray(props.nodes) ? props.nodes : [props.nodes];
+    return nodeList.map((item, index) => {
+      const context = { node: item, index } as const;
 
       let attrs: any = item.attrs;
       if (typeof attrs === 'function') {
@@ -75,11 +65,7 @@
         }
       }
 
-      return { ...item, index, paths, attrs, value, $events } as any;
+      return { ...item, index, attrs, value, $events } as any;
     });
   });
-
-  const $level = computed(() => {
-    return props.level + 1;
-  });
 </script>