Function useFileManager

frontend/src/hooks/useFileManager.ts:69–1186

(instanceId: string = "", daemonId: string = "")

const MAX_FOLDER_SIZE = 250 * 1024 * 1024; // 250MB

export const useFileManager = (instanceId: string = "", daemonId: string = "") => {
  const tabList = useLocalStorage<TabsMap>(TAB_LIST_KEY, {});
  const dataSource = ref<DataType[]>();
  const fileStatus = ref<FileStatus>();
  const selectedRowKeys = ref<Key[]>([]);
  const selectionData = ref<DataType[]>();
  const isMultiple = computed(() => selectionData.value && selectionData.value.length > 1);
  const operationForm = ref<OperationForm>({
    name: "",
    current: 1,
    pageSize: 100,
    total: 0
  });

  const breadcrumbs = reactive<Breadcrumb[]>([]);
  breadcrumbs.push({
    path: "/",
    name: "/",
    disabled: false
  });
  const currentPath = computed(
    () => removeTrail(breadcrumbs[breadcrumbs.length - 1].path, "/") + "/"
  );

  const currentTabKey = instanceId + daemonId;
  const currentTabs = computed(() => tabList.value[currentTabKey] ?? []);
  const activeTab = ref<string>("");

  const initDefaultTab = (path = "/") => {
    const key = v4();
    tabList.value[currentTabKey] ||= [];
    tabList.value[currentTabKey].push({
      key,
      path,
      name: path,
      pushedTime: 0,
      closable: false
    });
    activeTab.value = key;
    currentDisk.value = t("TXT_CODE_28124988");
    handleChangeTab(key);
  };

  // clear old tabs
  onMounted(() => {
    const oneDayInMs = 1000 * 60 * 60 * 24;
    const now = Date.now();

    Object.keys(tabList.value).forEach((key) => {
      const tabs = tabList.value[key];
      if (tabs && tabs.length > 0) {
        tabList.value[key] = tabs.filter((tab) => {
          if (!tab.pushedTime) return true;
          return now - tab.pushedTime < oneDayInMs;
        });

        if (tabList.value[key].length === 0) {
          delete tabList.value[key];