tree-upload-vue3 1.1.12 → 1.1.13

package/README.md

@@ -115,6 +115,22 @@ const mySchema = reactive<TreeUploadSchema>({
       { prop: 'name', label: '文件名' },
       { prop: 'size', label: '大小', formatter: 'fileSize' }
     ],
+    actions: [
+      { key: 'preview', label: '预览', type: 'primary' },
+      { key: 'download', label: '下载' },
+      { key: 'delete', label: '删除', type: 'danger' }
+    ],
+    download: {
+      // 可选，默认从 row.url / row.name 读取
+      urlField: 'url',
+      nameField: 'name',
+      // 文件接口需要鉴权时可透传请求头
+      requestOptions: {
+        headers: {
+          Authorization: 'Bearer xxx'
+        }
+      }
+    },
     ui: {
       pagination: { enabled: true, pageSize: 20 }
     }
@@ -198,12 +214,22 @@ const mySchema = reactive<TreeUploadSchema>({
 | --- | --- | --- |
 | `dataSource` | `{ type: 'static' \| 'api', ... }` | 表格数据源。`api` 模式支持动态参数 (如 `requirementId: '${currentNode.id}'`) |
 | `columns` | `TableColumnSchema[]` | 列定义。支持 `formatter: 'fileSize'` |
+| `actions` | `TableActionSchema[]` | 行操作按钮配置。内置支持 `preview` / `download` / `delete` |
+| `download` | `TableDownloadSchema` | 下载配置。支持自定义文件地址字段、文件名字段和请求头 |
 | `ui.pagination` | `{ enabled: boolean, pageSize: number }` | 分页配置 (无数据时自动隐藏) |
 
 行级按钮控制（FileItem）：
 - `actions`: 当前行允许的操作列表，支持字符串数组或对象数组。
 - `disabledActions`: 当前行禁用的操作 key 列表。
 
+下载配置（`table.download`）：
+- `urlField`: 下载地址字段名，默认 `url`。
+- `nameField`: 下载文件名字段名，默认 `name`。
+- 默认行为：统一通过请求文件流后触发浏览器下载，避免部分图片 / PDF / 跨域直链在当前窗口打开。
+- `requestOptions.headers`: 需要鉴权时透传请求头。
+- `requestOptions.method`: 下载请求方法，默认 `GET`。
+- `requestOptions.withCredentials`: 是否携带 Cookie。
+
 ## 🛠 开发与构建
 
 ```bash

package/dist/components/SchemaPreview.vue.d.ts

@@ -8,5 +8,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dialogRef: any;
+}, any>;
 export default _default;