import { x as ElFormItem, y as ElInput, h as ElButton, w as ElForm, U as ElRow, V as ElCol, aC as ElCheckbox, aS as ElButtonGroup, i as ElIcon, aT as list_default, aU as grid_default, l as ElTooltip, al as ElTable, am as ElTableColumn, aV as folder_default, aW as document_default, u as ElEmpty, ao as vLoading, a9 as question_filled_default, j as ElBreadcrumb, k as ElBreadcrumbItem, T as ElCard, a1 as ElUpload, aX as upload_filled_default, v as ElDialog, E as ElMessage, D as ElMessageBox } from "./element-plus.CkEW9frc.js";
import { _ as __unplugin_components_19 } from "./index.fgd49PES.js";
import { J as defineComponent, t as onMounted, aP as resolveDirective, S as openBlock, _ as createElementBlock, a1 as createBaseVNode, $ as createVNode, a0 as withCtx, a_ as withKeys, a6 as withDirectives, T as createBlock, a9 as createTextVNode, aw as withModifiers, o as unref, aa as toDisplayString, a3 as normalizeClass, a8 as createCommentVNode, H as Fragment, ay as renderList, r as ref, ak as reactive, j as computed } from "./.pnpm.BW3P1y8f.js";
import { l as httpRequest } from "./index.CMd5bD1r.js";
import { _ as _export_sfc } from "./_plugin-vue_export-helper.1tPrXgE0.js";
import "./codemirror.CvJAcn2d.js";
const API_PATH = "/monitor/resource";
const ResourceAPI = {
  /**
   * 获取目录列表
   * @param query 查询参数
   */
  listResource(query) {
    return httpRequest({
      url: `${API_PATH}/list`,
      method: "get",
      params: query
    });
  },
  /**
   * 上传文件
   * @param formData 文件数据
   */
  uploadFile(formData) {
    return httpRequest({
      url: `${API_PATH}/upload`,
      method: "post",
      data: formData,
      headers: { "Content-Type": "multipart/form-data" }
    });
  },
  /**
   * 下载文件
   * @param path 文件路径
   */
  downloadFile(path) {
    return httpRequest({
      url: `${API_PATH}/download`,
      method: "get",
      params: { path },
      responseType: "blob"
    });
  },
  /**
   * 删除文件或目录
   * @param body 文件路径数组
   */
  deleteResource(body) {
    return httpRequest({
      url: `${API_PATH}/delete`,
      method: "delete",
      data: body
    });
  },
  /**
   * 移动文件或目录
   * @param body 移动参数
   */
  moveResource(body) {
    return httpRequest({
      url: `${API_PATH}/move`,
      method: "post",
      data: body
    });
  },
  /**
   * 复制文件或目录
   * @param body 复制参数
   */
  copyResource(body) {
    return httpRequest({
      url: `${API_PATH}/copy`,
      method: "post",
      data: body
    });
  },
  /**
   * 重命名文件或目录
   * @param body 重命名参数
   */
  renameResource(body) {
    return httpRequest({
      url: `${API_PATH}/rename`,
      method: "post",
      data: body
    });
  },
  /**
   * 创建目录
   * @param body 创建目录参数
   */
  createDirectory(body) {
    return httpRequest({
      url: `${API_PATH}/create-dir`,
      method: "post",
      data: body
    });
  },
  /**
   * 导出资源列表
   * @param body 导出条件
   */
  exportResource(body) {
    return httpRequest({
      url: `${API_PATH}/export`,
      method: "post",
      data: body,
      responseType: "blob"
    });
  }
};
const _hoisted_1 = { class: "app-container" };
const _hoisted_2 = { class: "search-container" };
const _hoisted_3 = { class: "card-header" };
const _hoisted_4 = { class: "breadcrumb-container" };
const _hoisted_5 = { class: "data-table__toolbar" };
const _hoisted_6 = { class: "data-table__toolbar--left" };
const _hoisted_7 = { class: "data-table__toolbar--right" };
const _hoisted_8 = { class: "file-name" };
const _hoisted_9 = ["onClick"];
const _hoisted_10 = { key: 0 };
const _hoisted_11 = {
  key: 1,
  class: "grid-view"
};
const _hoisted_12 = ["onClick"];
const _hoisted_13 = { class: "item-icon" };
const _hoisted_14 = { class: "item-name" };
const _hoisted_15 = {
  key: 0,
  class: "item-size"
};
const _sfc_main = /* @__PURE__ */ defineComponent({
  ...{
    name: "ResourceMonitor",
    inheritAttrs: false
  },
  __name: "index",
  setup(__props) {
    const fileList = ref([]);
    const loading = ref(false);
    const selectedItems = ref([]);
    const breadcrumbList = ref([{ name: "资源根目录", path: "/" }]);
    const showHiddenFiles = ref(false);
    const viewMode = ref("list");
    const total = ref(0);
    const isSearchMode = ref(false);
    const queryFormRef = ref();
    const currentPath = ref("/");
    const pagination = reactive({
      page_no: 1,
      page_size: 10
    });
    const queryFormData = reactive({
      name: void 0,
      page_no: 1,
      page_size: 10
    });
    const uploadDialogVisible = ref(false);
    const createDirDialogVisible = ref(false);
    const renameDialogVisible = ref(false);
    const uploading = ref(false);
    const uploadRef = ref();
    const uploadFileList = ref([]);
    const createDirForm = reactive({
      dir_name: ""
    });
    const renameForm = reactive({
      new_name: "",
      old_path: ""
    });
    const currentQuery = computed(() => {
      const query = {
        include_hidden: showHiddenFiles.value,
        page_no: pagination.page_no,
        page_size: pagination.page_size
      };
      if (currentPath.value && currentPath.value !== "/") {
        query.path = currentPath.value;
      }
      if (queryFormData.name) {
        query.name = queryFormData.name;
      }
      return query;
    });
    async function loadFileList() {
      var _a;
      loading.value = true;
      try {
        const response = await ResourceAPI.listResource(currentQuery.value);
        const pageResult = (_a = response.data) == null ? void 0 : _a.data;
        if (pageResult && Array.isArray(pageResult.items)) {
          fileList.value = pageResult.items;
          total.value = pageResult.total;
          if (pageResult.page_no !== void 0) {
            pagination.page_no = pageResult.page_no;
          }
          if (pageResult.page_size !== void 0) {
            pagination.page_size = pageResult.page_size;
          }
        } else {
          fileList.value = [];
          total.value = 0;
        }
      } catch (error) {
        console.error("Load file list error:", error);
        fileList.value = [];
        total.value = 0;
      } finally {
        loading.value = false;
      }
    }
    function handleBreadcrumbClick(item) {
      currentPath.value = item.path;
      updateBreadcrumb();
      loadFileList();
    }
    function updateBreadcrumb() {
      if (currentPath.value === "/") {
        breadcrumbList.value = [{ name: "资源根目录", path: "/" }];
        return;
      }
      const parts = currentPath.value.split("/").filter((part) => part !== "");
      breadcrumbList.value = [
        { name: "资源根目录", path: "/" },
        ...parts.map((part, index2) => ({
          name: part,
          path: parts.slice(0, index2 + 1).join("/")
        }))
      ];
    }
    function handleFileNameClick(row) {
      if (row.is_dir) {
        if (currentPath.value === "/") {
          currentPath.value = row.name;
        } else {
          currentPath.value = currentPath.value + "/" + row.name;
        }
        updateBreadcrumb();
        loadFileList();
      } else {
        handleFilePreview(row);
      }
    }
    function handleItemClick(item) {
      if (item.is_dir) {
        if (currentPath.value === "/") {
          currentPath.value = item.name;
        } else {
          currentPath.value = currentPath.value + "/" + item.name;
        }
        updateBreadcrumb();
        loadFileList();
      } else {
        handleFilePreview(item);
      }
    }
    function handleFilePreview(file) {
      let previewUrl = file.file_url;
      if (previewUrl && !previewUrl.startsWith("http")) {
        previewUrl = `${window.location.origin}${previewUrl}`;
      }
      window.open(previewUrl, "_blank");
    }
    function handleSelectionChange(selection) {
      selectedItems.value = selection;
    }
    function handleUpload() {
      uploadDialogVisible.value = true;
      uploadFileList.value = [];
    }
    function handleUploadChange(file, fileList2) {
      uploadFileList.value = fileList2;
    }
    async function handleUploadConfirm() {
      if (uploadFileList.value.length === 0) {
        ElMessage.warning("请选择要上传的文件");
        return;
      }
      try {
        uploading.value = true;
        const formData = new FormData();
        uploadFileList.value.forEach((file) => {
          formData.append("file", file.raw);
        });
        const targetPath = currentPath.value === "/" ? "" : currentPath.value;
        formData.append("target_path", targetPath);
        await ResourceAPI.uploadFile(formData);
        uploadDialogVisible.value = false;
        loadFileList();
      } catch (error) {
        console.error("Upload error:", error);
      } finally {
        uploading.value = false;
      }
    }
    function handleUploadClose() {
      uploadDialogVisible.value = false;
      uploadFileList.value = [];
    }
    function handleCreateDir() {
      createDirForm.dir_name = "";
      createDirDialogVisible.value = true;
    }
    async function handleCreateDirConfirm() {
      if (!createDirForm.dir_name.trim()) {
        ElMessage.warning("请输入文件夹名称");
        return;
      }
      try {
        const parentPath = currentPath.value === "/" ? "" : currentPath.value;
        await ResourceAPI.createDirectory({
          parent_path: parentPath,
          dir_name: createDirForm.dir_name.trim()
        });
        createDirDialogVisible.value = false;
        loadFileList();
      } catch (error) {
        console.error("Create directory error:", error);
      }
    }
    async function handleRefresh() {
      await loadFileList();
    }
    async function handleQuery() {
      queryFormData.page_no = 1;
      await loadFileList();
    }
    async function handleResetQuery() {
      queryFormRef.value.resetFields();
      queryFormData.page_no = 1;
      isSearchMode.value = false;
      await loadFileList();
    }
    function handleShowHiddenChange() {
      loadFileList();
    }
    async function handleDownload(item) {
      try {
        const response = await ResourceAPI.downloadFile(item.file_url);
        const blob = response.data;
        const url = window.URL.createObjectURL(blob);
        const a = document.createElement("a");
        a.href = url;
        a.download = item.name;
        document.body.appendChild(a);
        a.click();
        document.body.removeChild(a);
        window.URL.revokeObjectURL(url);
      } catch (error) {
        console.error("Download error:", error);
      }
    }
    function handleRename(item) {
      renameForm.old_path = item.file_url;
      renameForm.new_name = item.name;
      renameDialogVisible.value = true;
    }
    async function handleRenameConfirm() {
      if (!renameForm.new_name.trim()) {
        ElMessage.warning("请输入新名称");
        return;
      }
      try {
        await ResourceAPI.renameResource({
          old_path: renameForm.old_path,
          new_name: renameForm.new_name.trim()
        });
        renameDialogVisible.value = false;
        loadFileList();
      } catch (error) {
        console.error("Rename error:", error);
      }
    }
    async function handleDelete(item) {
      try {
        await ElMessageBox.confirm(`确定要删除 ${item.name} 吗？`, "确认删除", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        });
        await ResourceAPI.deleteResource([item.file_url]);
        loadFileList();
      } catch (error) {
        if (error !== "cancel") {
          console.error("Delete error:", error);
        }
      }
    }
    function handlePagination(params) {
      pagination.page_no = params.page;
      pagination.page_size = params.limit;
      loadFileList();
    }
    async function handleBatchDelete() {
      if (selectedItems.value.length === 0) {
        ElMessage.warning("请选择要删除的文件");
        return;
      }
      try {
        await ElMessageBox.confirm(
          `确定要删除选中的 ${selectedItems.value.length} 个文件吗？`,
          "确认删除",
          {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning"
          }
        );
        const paths = selectedItems.value.map((item) => item.file_url);
        await ResourceAPI.deleteResource(paths);
        loadFileList();
      } catch (error) {
        if (error !== "cancel") {
          console.error("Batch delete error:", error);
        }
      }
    }
    function formatFileSize(size) {
      if (!size || size === null) return "-";
      const units = ["B", "KB", "MB", "GB", "TB"];
      let unitIndex = 0;
      let fileSize = size;
      while (fileSize >= 1024 && unitIndex < units.length - 1) {
        fileSize /= 1024;
        unitIndex++;
      }
      return `${fileSize.toFixed(1)} ${units[unitIndex]}`;
    }
    onMounted(() => {
      loadFileList();
    });
    return (_ctx, _cache) => {
      const _component_el_input = ElInput;
      const _component_el_form_item = ElFormItem;
      const _component_el_button = ElButton;
      const _component_el_form = ElForm;
      const _component_el_tooltip = ElTooltip;
      const _component_el_breadcrumb_item = ElBreadcrumbItem;
      const _component_el_breadcrumb = ElBreadcrumb;
      const _component_el_col = ElCol;
      const _component_el_row = ElRow;
      const _component_el_checkbox = ElCheckbox;
      const _component_el_icon = ElIcon;
      const _component_el_button_group = ElButtonGroup;
      const _component_el_empty = ElEmpty;
      const _component_el_table_column = ElTableColumn;
      const _component_el_table = ElTable;
      const _component_Pagination = __unplugin_components_19;
      const _component_el_card = ElCard;
      const _component_el_upload = ElUpload;
      const _component_el_dialog = ElDialog;
      const _directive_hasPerm = resolveDirective("hasPerm");
      const _directive_loading = vLoading;
      return openBlock(), createElementBlock("div", _hoisted_1, [
        createBaseVNode("div", _hoisted_2, [
          createVNode(_component_el_form, {
            ref_key: "queryFormRef",
            ref: queryFormRef,
            model: queryFormData,
            inline: true,
            "label-suffix": ":",
            onSubmit: withModifiers(handleQuery, ["prevent"])
          }, {
            default: withCtx(() => [
              createVNode(_component_el_form_item, {
                prop: "name",
                label: "关键词"
              }, {
                default: withCtx(() => [
                  createVNode(_component_el_input, {
                    modelValue: queryFormData.name,
                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => queryFormData.name = $event),
                    placeholder: "请输入文件名或目录名",
                    clearable: "",
                    style: { "width": "200px" },
                    onKeyup: withKeys(handleQuery, ["enter"])
                  }, null, 8, ["modelValue"])
                ]),
                _: 1
              }),
              createVNode(_component_el_form_item, { class: "search-buttons" }, {
                default: withCtx(() => [
                  withDirectives((openBlock(), createBlock(_component_el_button, {
                    type: "primary",
                    icon: "search",
                    "native-type": "submit"
                  }, {
                    default: withCtx(() => [..._cache[15] || (_cache[15] = [
                      createTextVNode(" 查询 ", -1)
                    ])]),
                    _: 1
                  })), [
                    [_directive_hasPerm, ["module_monitor:resource:query"]]
                  ]),
                  withDirectives((openBlock(), createBlock(_component_el_button, {
                    icon: "refresh",
                    onClick: handleResetQuery
                  }, {
                    default: withCtx(() => [..._cache[16] || (_cache[16] = [
                      createTextVNode(" 重置 ", -1)
                    ])]),
                    _: 1
                  })), [
                    [_directive_hasPerm, ["module_monitor:resource:query"]]
                  ])
                ]),
                _: 1
              })
            ]),
            _: 1
          }, 8, ["model"])
        ]),
        createVNode(_component_el_card, { class: "data-table" }, {
          header: withCtx(() => [
            createBaseVNode("div", _hoisted_3, [
              createBaseVNode("span", null, [
                createVNode(_component_el_tooltip, { content: "资源文件管理系统: 点击路径可以快速返回上级目录" }, {
                  default: withCtx(() => [
                    createVNode(unref(question_filled_default), { class: "w-4 h-4 mx-1" })
                  ]),
                  _: 1
                }),
                _cache[17] || (_cache[17] = createTextVNode(" 文件列表(当前路径)： ", -1))
              ]),
              createBaseVNode("div", _hoisted_4, [
                _cache[18] || (_cache[18] = createBaseVNode("span", { class: "breadcrumb-label" }, null, -1)),
                createVNode(_component_el_breadcrumb, { separator: "/" }, {
                  default: withCtx(() => [
                    (openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbList.value, (item, index2) => {
                      return openBlock(), createBlock(_component_el_breadcrumb_item, {
                        key: index2,
                        class: normalizeClass({ "is-link": index2 < breadcrumbList.value.length - 1 }),
                        onClick: ($event) => handleBreadcrumbClick(item)
                      }, {
                        default: withCtx(() => [
                          createTextVNode(toDisplayString(item.name), 1)
                        ]),
                        _: 2
                      }, 1032, ["class", "onClick"]);
                    }), 128))
                  ]),
                  _: 1
                })
              ])
            ])
          ]),
          footer: withCtx(() => [
            createVNode(_component_Pagination, {
              total: total.value,
              "onUpdate:total": _cache[4] || (_cache[4] = ($event) => total.value = $event),
              page: pagination.page_no,
              "onUpdate:page": _cache[5] || (_cache[5] = ($event) => pagination.page_no = $event),
              limit: pagination.page_size,
              "onUpdate:limit": _cache[6] || (_cache[6] = ($event) => pagination.page_size = $event),
              onPagination: handlePagination
            }, null, 8, ["total", "page", "limit"])
          ]),
          default: withCtx(() => [
            createBaseVNode("div", _hoisted_5, [
              createBaseVNode("div", _hoisted_6, [
                createVNode(_component_el_row, { gutter: 10 }, {
                  default: withCtx(() => [
                    createVNode(_component_el_col, { span: 1.5 }, {
                      default: withCtx(() => [
                        withDirectives((openBlock(), createBlock(_component_el_button, {
                          type: "success",
                          icon: "plus",
                          onClick: handleUpload
                        }, {
                          default: withCtx(() => [..._cache[19] || (_cache[19] = [
                            createTextVNode(" 上传文件 ", -1)
                          ])]),
                          _: 1
                        })), [
                          [_directive_hasPerm, ["module_monitor:resource:upload"]]
                        ])
                      ]),
                      _: 1
                    }),
                    createVNode(_component_el_col, { span: 1.5 }, {
                      default: withCtx(() => [
                        withDirectives((openBlock(), createBlock(_component_el_button, {
                          type: "primary",
                          icon: "folder-add",
                          onClick: handleCreateDir
                        }, {
                          default: withCtx(() => [..._cache[20] || (_cache[20] = [
                            createTextVNode(" 新建文件夹 ", -1)
                          ])]),
                          _: 1
                        })), [
                          [_directive_hasPerm, ["module_monitor:resource:create_dir"]]
                        ])
                      ]),
                      _: 1
                    }),
                    createVNode(_component_el_col, { span: 1.5 }, {
                      default: withCtx(() => [
                        withDirectives((openBlock(), createBlock(_component_el_button, {
                          type: "danger",
                          icon: "delete",
                          disabled: selectedItems.value.length === 0,
                          onClick: handleBatchDelete
                        }, {
                          default: withCtx(() => [..._cache[21] || (_cache[21] = [
                            createTextVNode(" 批量删除 ", -1)
                          ])]),
                          _: 1
                        }, 8, ["disabled"])), [
                          [_directive_hasPerm, ["module_monitor:resource:delete"]]
                        ])
                      ]),
                      _: 1
                    })
                  ]),
                  _: 1
                })
              ]),
              createBaseVNode("div", _hoisted_7, [
                createVNode(_component_el_row, { gutter: 10 }, {
                  default: withCtx(() => [
                    createVNode(_component_el_col, { span: 1.5 }, {
                      default: withCtx(() => [
                        withDirectives((openBlock(), createBlock(_component_el_checkbox, {
                          modelValue: showHiddenFiles.value,
                          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showHiddenFiles.value = $event),
                          onChange: handleShowHiddenChange
                        }, {
                          default: withCtx(() => [..._cache[22] || (_cache[22] = [
                            createTextVNode(" 显示隐藏文件 ", -1)
                          ])]),
                          _: 1
                        }, 8, ["modelValue"])), [
                          [_directive_hasPerm, ["module_monitor:resource:query"]]
                        ])
                      ]),
                      _: 1
                    }),
                    createVNode(_component_el_col, { span: 1.5 }, {
                      default: withCtx(() => [
                        createVNode(_component_el_button_group, null, {
                          default: withCtx(() => [
                            withDirectives((openBlock(), createBlock(_component_el_button, {
                              type: viewMode.value === "list" ? "primary" : "",
                              onClick: _cache[2] || (_cache[2] = ($event) => viewMode.value = "list")
                            }, {
                              default: withCtx(() => [
                                createVNode(_component_el_icon, null, {
                                  default: withCtx(() => [
                                    createVNode(unref(list_default))
                                  ]),
                                  _: 1
                                })
                              ]),
                              _: 1
                            }, 8, ["type"])), [
                              [_directive_hasPerm, ["module_monitor:resource:query"]]
                            ]),
                            withDirectives((openBlock(), createBlock(_component_el_button, {
                              type: viewMode.value === "grid" ? "primary" : "",
                              onClick: _cache[3] || (_cache[3] = ($event) => viewMode.value = "grid")
                            }, {
                              default: withCtx(() => [
                                createVNode(_component_el_icon, null, {
                                  default: withCtx(() => [
                                    createVNode(unref(grid_default))
                                  ]),
                                  _: 1
                                })
                              ]),
                              _: 1
                            }, 8, ["type"])), [
                              [_directive_hasPerm, ["module_monitor:resource:query"]]
                            ])
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    }),
                    createVNode(_component_el_col, { span: 1.5 }, {
                      default: withCtx(() => [
                        createVNode(_component_el_tooltip, { content: "刷新" }, {
                          default: withCtx(() => [
                            withDirectives(createVNode(_component_el_button, {
                              type: "primary",
                              icon: "refresh",
                              circle: "",
                              onClick: handleRefresh
                            }, null, 512), [
                              [_directive_hasPerm, ["module_monitor:resource:query"]]
                            ])
                          ]),
                          _: 1
                        })
                      ]),
                      _: 1
                    })
                  ]),
                  _: 1
                })
              ])
            ]),
            viewMode.value === "list" ? withDirectives((openBlock(), createBlock(_component_el_table, {
              key: 0,
              ref: "dataTableRef",
              data: fileList.value,
              "row-key": "file_url",
              class: "data-table__content",
              height: "500",
              "max-height": "500",
              border: "",
              stripe: "",
              onSelectionChange: handleSelectionChange
            }, {
              empty: withCtx(() => [
                createVNode(_component_el_empty, {
                  "image-size": 80,
                  description: "暂无数据"
                })
              ]),
              default: withCtx(() => [
                createVNode(_component_el_table_column, {
                  type: "selection",
                  "min-width": "40",
                  align: "center"
                }),
                createVNode(_component_el_table_column, {
                  type: "index",
                  fixed: "",
                  label: "序号",
                  "min-width": "50"
                }, {
                  default: withCtx((scope) => [
                    createTextVNode(toDisplayString((queryFormData.page_no - 1) * queryFormData.page_size + scope.$index + 1), 1)
                  ]),
                  _: 1
                }),
                createVNode(_component_el_table_column, {
                  label: "名称",
                  prop: "name",
                  "min-width": "200"
                }, {
                  default: withCtx(({ row }) => [
                    createBaseVNode("div", _hoisted_8, [
                      createVNode(_component_el_icon, { class: "file-icon" }, {
                        default: withCtx(() => [
                          row.is_dir ? (openBlock(), createBlock(unref(folder_default), { key: 0 })) : (openBlock(), createBlock(unref(document_default), { key: 1 }))
                        ]),
                        _: 2
                      }, 1024),
                      createBaseVNode("span", {
                        class: normalizeClass({ "file-name-clickable": true }),
                        onClick: ($event) => handleFileNameClick(row)
                      }, toDisplayString(row.name), 9, _hoisted_9)
                    ])
                  ]),
                  _: 1
                }),
                createVNode(_component_el_table_column, {
                  label: "大小",
                  prop: "size",
                  "min-width": "120",
                  align: "center"
                }, {
                  default: withCtx(({ row }) => [
                    !row.is_dir ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(formatFileSize(row.size)), 1)) : createCommentVNode("", true)
                  ]),
                  _: 1
                }),
                createVNode(_component_el_table_column, {
                  label: "修改时间",
                  prop: "modified_time",
                  "min-width": "180",
                  sortable: ""
                }),
                createVNode(_component_el_table_column, {
                  fixed: "right",
                  label: "操作",
                  align: "center",
                  "min-width": "200",
                  class: "search-buttons"
                }, {
                  default: withCtx(({ row }) => [
                    !row.is_dir ? withDirectives((openBlock(), createBlock(_component_el_button, {
                      key: 0,
                      type: "success",
                      size: "small",
                      link: "",
                      icon: "download",
                      onClick: ($event) => handleDownload(row)
                    }, {
                      default: withCtx(() => [..._cache[23] || (_cache[23] = [
                        createTextVNode(" 下载 ", -1)
                      ])]),
                      _: 1
                    }, 8, ["onClick"])), [
                      [_directive_hasPerm, ["module_monitor:resource:download"]]
                    ]) : createCommentVNode("", true),
                    withDirectives((openBlock(), createBlock(_component_el_button, {
                      type: "primary",
                      size: "small",
                      link: "",
                      icon: "edit",
                      onClick: ($event) => handleRename(row)
                    }, {
                      default: withCtx(() => [..._cache[24] || (_cache[24] = [
                        createTextVNode(" 重命名 ", -1)
                      ])]),
                      _: 1
                    }, 8, ["onClick"])), [
                      [_directive_hasPerm, ["module_monitor:resource:rename"]]
                    ]),
                    withDirectives((openBlock(), createBlock(_component_el_button, {
                      type: "danger",
                      size: "small",
                      link: "",
                      icon: "delete",
                      onClick: ($event) => handleDelete(row)
                    }, {
                      default: withCtx(() => [..._cache[25] || (_cache[25] = [
                        createTextVNode(" 删除 ", -1)
                      ])]),
                      _: 1
                    }, 8, ["onClick"])), [
                      [_directive_hasPerm, ["module_monitor:resource:delete"]]
                    ])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            }, 8, ["data"])), [
              [_directive_loading, loading.value]
            ]) : (openBlock(), createElementBlock("div", _hoisted_11, [
              (openBlock(true), createElementBlock(Fragment, null, renderList(fileList.value, (item) => {
                return openBlock(), createElementBlock("div", {
                  key: item.file_url,
                  class: "grid-item",
                  onClick: ($event) => handleItemClick(item)
                }, [
                  createBaseVNode("div", _hoisted_13, [
                    item.is_dir ? (openBlock(), createBlock(_component_el_icon, {
                      key: 0,
                      size: "48"
                    }, {
                      default: withCtx(() => [
                        createVNode(unref(folder_default))
                      ]),
                      _: 1
                    })) : (openBlock(), createBlock(_component_el_icon, {
                      key: 1,
                      size: "48"
                    }, {
                      default: withCtx(() => [
                        createVNode(unref(document_default))
                      ]),
                      _: 1
                    }))
                  ]),
                  createBaseVNode("div", _hoisted_14, toDisplayString(item.name), 1),
                  !item.is_dir ? (openBlock(), createElementBlock("div", _hoisted_15, toDisplayString(formatFileSize(item.size)), 1)) : createCommentVNode("", true)
                ], 8, _hoisted_12);
              }), 128))
            ]))
          ]),
          _: 1
        }),
        createVNode(_component_el_dialog, {
          modelValue: uploadDialogVisible.value,
          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => uploadDialogVisible.value = $event),
          title: "上传文件",
          width: "500px",
          "before-close": handleUploadClose
        }, {
          footer: withCtx(() => [
            createVNode(_component_el_button, {
              onClick: _cache[7] || (_cache[7] = ($event) => uploadDialogVisible.value = false)
            }, {
              default: withCtx(() => [..._cache[28] || (_cache[28] = [
                createTextVNode("取消", -1)
              ])]),
              _: 1
            }),
            withDirectives((openBlock(), createBlock(_component_el_button, {
              type: "primary",
              loading: uploading.value,
              onClick: handleUploadConfirm
            }, {
              default: withCtx(() => [..._cache[29] || (_cache[29] = [
                createTextVNode(" 确定上传 ", -1)
              ])]),
              _: 1
            }, 8, ["loading"])), [
              [_directive_hasPerm, ["module_monitor:resource:upload"]]
            ])
          ]),
          default: withCtx(() => [
            createVNode(_component_el_upload, {
              ref_key: "uploadRef",
              ref: uploadRef,
              "auto-upload": false,
              multiple: true,
              "file-list": uploadFileList.value,
              drag: "",
              onChange: handleUploadChange
            }, {
              tip: withCtx(() => [..._cache[26] || (_cache[26] = [
                createBaseVNode("div", {
                  class: "el-upload__tip",
                  style: { "color": "red" }
                }, " 不支持多文件上传，单个文件不超过100MB，多文件上传，取最后一个文件上传 ", -1)
              ])]),
              default: withCtx(() => [
                createVNode(_component_el_icon, { class: "el-icon--upload" }, {
                  default: withCtx(() => [
                    createVNode(unref(upload_filled_default))
                  ]),
                  _: 1
                }),
                _cache[27] || (_cache[27] = createBaseVNode("div", { class: "el-upload__text" }, [
                  createTextVNode(" 将文件拖到此处，或 "),
                  createBaseVNode("em", null, "点击上传")
                ], -1))
              ]),
              _: 1
            }, 8, ["file-list"])
          ]),
          _: 1
        }, 8, ["modelValue"]),
        createVNode(_component_el_dialog, {
          modelValue: createDirDialogVisible.value,
          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => createDirDialogVisible.value = $event),
          title: "新建文件夹",
          width: "400px"
        }, {
          footer: withCtx(() => [
            createVNode(_component_el_button, {
              onClick: _cache[10] || (_cache[10] = ($event) => createDirDialogVisible.value = false)
            }, {
              default: withCtx(() => [..._cache[30] || (_cache[30] = [
                createTextVNode("取消", -1)
              ])]),
              _: 1
            }),
            withDirectives((openBlock(), createBlock(_component_el_button, {
              type: "primary",
              onClick: handleCreateDirConfirm
            }, {
              default: withCtx(() => [..._cache[31] || (_cache[31] = [
                createTextVNode(" 确定 ", -1)
              ])]),
              _: 1
            })), [
              [_directive_hasPerm, ["module_monitor:resource:create_dir"]]
            ])
          ]),
          default: withCtx(() => [
            createVNode(_component_el_form, {
              model: createDirForm,
              "label-width": "80px"
            }, {
              default: withCtx(() => [
                createVNode(_component_el_form_item, {
                  label: "文件夹名",
                  required: ""
                }, {
                  default: withCtx(() => [
                    createVNode(_component_el_input, {
                      modelValue: createDirForm.dir_name,
                      "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => createDirForm.dir_name = $event),
                      placeholder: "请输入文件夹名称",
                      onKeyup: withKeys(handleCreateDirConfirm, ["enter"])
                    }, null, 8, ["modelValue"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            }, 8, ["model"])
          ]),
          _: 1
        }, 8, ["modelValue"]),
        createVNode(_component_el_dialog, {
          modelValue: renameDialogVisible.value,
          "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => renameDialogVisible.value = $event),
          title: "重命名",
          width: "400px"
        }, {
          footer: withCtx(() => [
            createVNode(_component_el_button, {
              onClick: _cache[13] || (_cache[13] = ($event) => renameDialogVisible.value = false)
            }, {
              default: withCtx(() => [..._cache[32] || (_cache[32] = [
                createTextVNode("取消", -1)
              ])]),
              _: 1
            }),
            withDirectives((openBlock(), createBlock(_component_el_button, {
              type: "primary",
              onClick: handleRenameConfirm
            }, {
              default: withCtx(() => [..._cache[33] || (_cache[33] = [
                createTextVNode(" 确定 ", -1)
              ])]),
              _: 1
            })), [
              [_directive_hasPerm, ["module_monitor:resource:rename"]]
            ])
          ]),
          default: withCtx(() => [
            createVNode(_component_el_form, {
              model: renameForm,
              "label-width": "80px"
            }, {
              default: withCtx(() => [
                createVNode(_component_el_form_item, {
                  label: "新名称",
                  required: ""
                }, {
                  default: withCtx(() => [
                    createVNode(_component_el_input, {
                      modelValue: renameForm.new_name,
                      "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => renameForm.new_name = $event),
                      placeholder: "请输入新名称",
                      onKeyup: withKeys(handleRenameConfirm, ["enter"])
                    }, null, 8, ["modelValue"])
                  ]),
                  _: 1
                })
              ]),
              _: 1
            }, 8, ["model"])
          ]),
          _: 1
        }, 8, ["modelValue"])
      ]);
    };
  }
});
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3f5db10f"]]);
export {
  index as default
};