@neatui/nuxt 1.5.2 → 1.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neatui/nuxt",
-  "version": "1.5.2",
+  "version": "1.5.4",
   "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/form/MoreSelect@v3.vue

@@ -189,12 +189,17 @@
   const processInput = (value: any) => {
     let processedArray: any[] = [];
 
+    // 处理 null 或 undefined，转换为空字符串
+    if (value === null || value === undefined) {
+      return [];
+    }
+
     if (typeof value === 'string') {
       state.originalType = 'string';
       processedArray = value.trim() ? (value.includes(',') ? value.split(',').map((s: string) => s.trim()) : [value]) : [];
     } else {
       state.originalType = 'array';
-      processedArray = value || [];
+      processedArray = Array.isArray(value) ? value : [];
     }
 
     // 过滤掉在options中不存在的值
@@ -240,7 +245,7 @@
   };
   // 选中
   const select = (item: any) => {
-    const s = [...state.processedValue];
+    const s = [...(state.processedValue || [])];
     // s?.indexOf(item) !== -1 ? s?.splice(s?.indexOf(item), 1) : s?.push(item);
     if (s?.indexOf(item) !== -1) {
       s?.splice(s?.indexOf(item), 1);

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>