@ebiz/designer-components 0.1.20 → 0.1.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebiz/designer-components",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "private": false,
   "publishConfig": {
     "access": "public"

package/src/components/EbizFileList.vue

@@ -133,20 +133,33 @@ const getFullUrl = (url) => {
   return props.baseUrl + url;
 };
 
-// 提取文件名
-const extractFileName = (url) => {
-  if (!url) return '未知文件';
-  const parts = url.split('/');
-  return parts[parts.length - 1] || '未知文件';
-};
-
 // 获取文件扩展名
 const getFileExtension = (filename) => {
   if (!filename) return '';
-  const parts = filename.split('.');
+  // 移除查询参数和锚点
+  const cleanFilename = filename.split('?')[0].split('#')[0];
+  const parts = cleanFilename.split('.');
   return parts.length > 1 ? parts.pop().toLowerCase() : '';
 };
 
+// 提取文件名
+const extractFileName = (url) => {
+  if (!url) return '未知文件';
+  
+  // 移除查询参数和锚点
+  const cleanUrl = url.split('?')[0].split('#')[0];
+  const parts = cleanUrl.split('/');
+  let fileName = parts[parts.length - 1] || '未知文件';
+  
+  // 如果文件名为空或只是扩展名，生成一个默认名称
+  if (!fileName || fileName.startsWith('.')) {
+    const extension = getFileExtension(fileName || url);
+    fileName = extension ? `文件.${extension}` : '未知文件';
+  }
+  
+  return fileName;
+};
+
 // 解析文件信息
 const parseFileInfo = (url) => {
   const fullUrl = getFullUrl(url);
@@ -166,24 +179,45 @@ const computedFiles = computed(() => {
   let fileList = [];
   
   if (typeof props.files === 'string') {
-    // 字符串格式，按逗号分割
-    const urls = props.files.split(',').map(url => url.trim()).filter(url => url);
-    fileList = urls.map(url => parseFileInfo(url));
+    if (!props.files.trim()) {
+      return [];
+    }
+    
+    // 判断是单个URL还是逗号分隔的多个URL
+    if (props.files.includes(',')) {
+      // 逗号分隔的多个URL
+      const urls = props.files.split(',').map(url => url.trim()).filter(url => url);
+      fileList = urls.map(url => parseFileInfo(url));
+    } else {
+      // 单个URL
+      fileList = [parseFileInfo(props.files.trim())];
+    }
   } else if (Array.isArray(props.files)) {
     // 数组格式
     fileList = props.files.map(file => {
       if (typeof file === 'string') {
+        // 数组中的字符串元素，直接作为URL处理
         return parseFileInfo(file);
-      } else {
+      } else if (file && typeof file === 'object') {
+        // 对象格式的文件信息
+        const url = file.url || file.src || file.path || '';
         return {
-          name: file.name || extractFileName(file.url),
-          url: getFullUrl(file.url),
-          size: file.size,
-          extension: file.extension || getFileExtension(file.url || file.name),
+          name: file.name || extractFileName(url),
+          url: getFullUrl(url),
+          size: file.size || null,
+          extension: file.extension || getFileExtension(url || file.name || ''),
           ...file
         };
+      } else {
+        // 其他情况，返回默认对象
+        return {
+          name: '未知文件',
+          url: '',
+          extension: '',
+          size: null
+        };
       }
-    });
+    }).filter(file => file.url); // 过滤掉没有URL的文件
   }
   
   return fileList;

package/src/views/EbizFileListDemo.vue

@@ -23,6 +23,24 @@
           @file-download="handleFileDownload"
         />
       </div>
+      
+      <div class="demo-block">
+        <h3>单个URL字符串</h3>
+        <EbizFileList 
+          :files="singleUrlFile"
+          @file-click="handleFileClick"
+          @file-download="handleFileDownload"
+        />
+      </div>
+      
+      <div class="demo-block">
+        <h3>纯URL数组</h3>
+        <EbizFileList 
+          :files="urlArrayFiles"
+          @file-click="handleFileClick"
+          @file-download="handleFileDownload"
+        />
+      </div>
     </div>
 
     <div class="demo-section">
@@ -118,6 +136,18 @@ const arrayFiles = ref([
 
 const stringFiles = ref('https://picsum.photos/300/200?random=2,https://picsum.photos/300/200?random=3,https://example.com/document.pdf,https://example.com/music.mp3');
 
+// 单个URL字符串
+const singleUrlFile = ref('https://picsum.photos/400/300?random=6');
+
+// 纯URL数组
+const urlArrayFiles = ref([
+  'https://picsum.photos/300/200?random=7',
+  'https://picsum.photos/300/200?random=8', 
+  'https://example.com/sample-document.pdf',
+  'https://example.com/presentation.pptx',
+  'https://example.com/data-export.xlsx'
+]);
+
 const mixedFiles = ref([
   {
     name: '技术文档.pdf',