@neatui/vue 2.7.1 → 2.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neatui/vue",
-  "version": "2.7.1",
+  "version": "2.7.3",
   "description": "basic component ui",
   "main": "./src/index.ts",
   "license": "MIT",

package/src/components/basic/IDraggable.vue

@@ -13,8 +13,8 @@
   const props = defineProps({
     lists: {
       type: Array as PropType<any[]>,
-      default: () => []
-    }
+      default: () => [],
+    },
   });
   const emit = defineEmits(['update:lists']);
 
@@ -25,14 +25,14 @@
   watch(
     () => props.lists,
     (newVal, oldVal) => {
-      console.log('IDraggable props.lists changed:', {
-        newLength: newVal?.length,
-        oldLength: oldVal?.length,
-        newVal: newVal?.map((item) => item.label || item.field),
-        oldVal: oldVal?.map((item) => item.label || item.field)
-      });
+      // console.log('IDraggable props.lists changed:', {
+      //   newLength: newVal?.length,
+      //   oldLength: oldVal?.length,
+      //   newVal: newVal?.map((item) => item.label || item.field),
+      //   oldVal: oldVal?.map((item) => item.label || item.field)
+      // });
     },
-    { deep: true }
+    { deep: true },
   );
 
   onMounted(() => {
@@ -54,13 +54,13 @@
 
               console.log(
                 'Emitting new list:',
-                newList.map((item) => item.label || item.field)
+                newList.map((item) => item.label || item.field),
               );
 
               // 通知父组件更新数据
               emit('update:lists', newList);
             }
-          }
+          },
         });
       }
     });

package/src/components/form/Upload.vue

@@ -1,6 +1,6 @@
 <template>
   <div ui-flex="row lm :wrap" class="neatui-upload mb-sm-sub mr-sm-sub" v-bind="{ ...attrs }">
-    <div v-for="(file, idx) in state.files" :key="idx" ui-flex="col cm" class="flex-fixed bg-fore n-sl w-ms h-ms b-solid bk-case b-xs r-sm pr">
+    <div v-for="(file, idx) in state.files" :key="idx" ui-flex="col cm" class="flex-fixed bg-fore n-sl w-ms h-ms b-solid bk-case b-xs r-sm pr" v-bind="itemAttrs">
       <!-- 删除按钮 -->
       <div class="pa ot-ss or-ss bg-fore co-risk lh-xs r-xl parent-hover:show" @click="remove(idx)">
         <svg class="block" viewBox="0 0 1024 1024" style="width: 1em; height: 1em">
@@ -147,7 +147,7 @@
         </svg>
       </template>
 
-      <!-- 上传状态显示 -->
+      <!-- 上传状态 -->
       <div v-if="file.status === 'uploading'" class="upload-status">
         <div class="loading-spinner"></div>
         <span class="status-text">上传中...</span>
@@ -155,14 +155,11 @@
       <div v-else-if="file.status === 'error'" class="upload-status error">
         <span class="status-text">上传失败</span>
       </div>
-
-      <!-- 文件名 -->
-      <!-- <p ui-omit="1" class="fs-ss ac">{{ file.name }}</p> -->
     </div>
 
     <!-- 上传按钮 -->
     <div v-if="showUploadButton">
-      <slot>
+      <slot name="btn">
         <label ui-flex="row cm" ui-form="@a type:upload tips:hover" :class="`upload w-ms h-ms n-sl bg-fore b-solid bk-case b-xs r-sm ${uploadClass}`" :style="uploadStyle">
           <div v-if="tips" ui-form-tips>
             {{ tips }}
@@ -189,6 +186,7 @@
     modelValue?: string | any[];
     max?: number;
     attrs?: object;
+    itemAttrs?: object;
     uploadClass?: string;
     uploadStyle?: string;
     tips?: string;
@@ -196,6 +194,7 @@
     upload?: (formData: FormData) => Promise<any>;
     maxSize?: number;
     compress?: boolean;
+    disabled?: boolean;
   }
 
   const props = withDefaults(defineProps<Props>(), {
@@ -203,12 +202,14 @@
     uploadClass: '',
     uploadStyle: '',
     attrs: () => ({}),
-    tips: '', // 提示文案
-    accept: '*', // 文件类型
-    upload: async () => null, // 请求上传接口
-    maxSize: 10, // 文件大小限制（MB）
-    compress: true, // 是否启用图片压缩
-    max: 0 // 文件数量限制
+    itemAttrs: () => ({}),
+    tips: '',
+    accept: '*',
+    upload: async () => null,
+    maxSize: 10,
+    compress: true,
+    max: 0,
+    disabled: false,
   });
 
   interface UploadFile {
@@ -226,7 +227,7 @@
     isInternalUpdate: boolean; // 标记是否为内部更新
   }>({
     files: [],
-    isInternalUpdate: false
+    isInternalUpdate: false,
   });
 
   const emit = defineEmits(['update:modelValue', 'change', 'error']);
@@ -314,7 +315,7 @@
         success: (result) => {
           resolve(new File([result], file.name, { type: result.type }));
         },
-        error: reject
+        error: reject,
       });
     });
   };
@@ -395,7 +396,7 @@
         type: getFileType(file),
         path: previewUrl,
         status: 'uploading',
-        size: file.size
+        size: file.size,
       };
       state.files.push(uploadFile);
       validFiles.push({ file, uploadFile });
@@ -475,7 +476,7 @@
               type: 'image',
               path: item,
               status: 'success' as const,
-              result: item
+              result: item,
             };
           } else {
             // 如果是对象
@@ -484,7 +485,7 @@
               type: item.type || 'file',
               path: item.url || item.path || '',
               status: 'success' as const,
-              result: item
+              result: item,
             };
           }
         });
@@ -495,8 +496,8 @@
             type: 'image',
             path: newValue,
             status: 'success',
-            result: newValue
-          }
+            result: newValue,
+          },
         ];
       } else if (newValue && typeof newValue === 'object') {
         const objValue = newValue as any;
@@ -506,14 +507,14 @@
             type: objValue.type || 'file',
             path: objValue.url || objValue.path || '',
             status: 'success',
-            result: newValue
-          }
+            result: newValue,
+          },
         ];
       } else {
         state.files = [];
       }
     },
-    { immediate: true, deep: true }
+    { immediate: true, deep: true },
   );
 
   // 组件销毁时清理资源