@mqn00/file-manager-plugin-compress 0.1.0

package/dist/frontend.js

@@ -0,0 +1,405 @@
+// src/style.ts
+var STYLE_ID = "fcp-style";
+var CSS = `
+.fcp-dialog-body { padding: 4px 0; }
+.fcp-sec-title { color: var(--app-text-dim, #888); font-size: 12px; margin: 10px 0 6px; }
+.fcp-sel-list {
+  max-height: 140px; overflow-y: auto;
+  border: 1px solid var(--app-border, #ccc); border-radius: 4px;
+  padding: 6px 8px; background: var(--app-accent-bg, transparent);
+}
+.fcp-sel-item {
+  display: flex; align-items: center; justify-content: space-between; gap: 8px;
+  padding: 2px 0; font-size: 13px; color: var(--app-text, #333);
+}
+.fcp-sel-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
+.fcp-sel-meta { flex-shrink: 0; color: var(--app-text-dim, #888); font-size: 12px; }
+.fcp-out-row { display: flex; align-items: center; gap: 8px; }
+.fcp-target { font-size: 12px; color: var(--app-text-dim, #888); margin-top: 6px; word-break: break-all; }
+.fcp-status-list { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; max-height: 180px; overflow-y: auto; }
+.fcp-status-row {
+  display: flex; align-items: center; justify-content: space-between; gap: 8px;
+  font-size: 13px; color: var(--app-text, #333);
+  padding: 2px 0;
+}
+.fcp-status-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.fcp-dim { color: var(--app-text-dim, #888); font-size: 12px; }
+.fcp-picker-path { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
+.fcp-picker-list {
+  max-height: 320px; overflow-y: auto;
+  border: 1px solid var(--app-border, #ccc); border-radius: 4px; padding: 4px;
+  background: var(--app-accent-bg, transparent);
+}
+.fcp-picker-row {
+  display: flex; align-items: center; gap: 8px; padding: 6px 8px;
+  cursor: pointer; border-radius: 4px; font-size: 13px; color: var(--app-text, #333);
+}
+.fcp-picker-icon {
+  display: flex; align-items: center; flex-shrink: 0;
+  color: var(--app-accent, #409eff);
+}
+.fcp-picker-row:hover { background: var(--app-accent-bg-hover, var(--app-accent-bg, #f0f0f0)); }
+.fcp-picker-empty { color: var(--app-text-dim, #888); font-size: 12px; padding: 8px; }
+`;
+function injectStyles() {
+  if (document.getElementById(STYLE_ID)) return;
+  const style = document.createElement("style");
+  style.id = STYLE_ID;
+  style.textContent = CSS;
+  document.head.appendChild(style);
+}
+function removeStyles() {
+  document.getElementById(STYLE_ID)?.remove();
+}
+
+// src/dialog.ts
+var HOST_ID = "fcp-dialog-host";
+var activeDialog = null;
+function closeCompressDialog() {
+  if (!activeDialog) return;
+  try {
+    activeDialog.app.unmount();
+  } catch {
+  }
+  try {
+    activeDialog.host.remove();
+  } catch {
+  }
+  activeDialog = null;
+}
+function parentOf(pathStr) {
+  const parts = pathStr.split("/").filter(Boolean);
+  parts.pop();
+  return parts.join("/");
+}
+function displayPath(pathStr) {
+  return pathStr || "/";
+}
+function renderFolderIcon(h) {
+  return h(
+    "svg",
+    {
+      viewBox: "0 0 1024 1024",
+      width: "16",
+      height: "16",
+      "aria-hidden": "true",
+      style: { display: "block" }
+    },
+    [
+      h("path", {
+        d: "M880 298.4H521L403.7 186.2a8.16 8.16 0 0 0-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32z",
+        fill: "currentColor"
+      })
+    ]
+  );
+}
+function openCompressDialog(ctx, payload) {
+  const { createApp, defineComponent, h, ref, computed, watch } = ctx.Vue;
+  const { ElDialog, ElButton, ElInput, ElAlert, ElTag, ElMessage } = ctx.ElementPlus;
+  const formatSize = ctx.utils.formatSize;
+  const api = ctx.api.instance;
+  closeCompressDialog();
+  const host = document.createElement("div");
+  host.id = HOST_ID;
+  document.body.appendChild(host);
+  const EllipsisPath = defineComponent({
+    name: "EllipsisPath",
+    props: { path: { type: String, default: "" } },
+    setup(props) {
+      return () => h("span", { class: "fcp-sel-name", style: { flex: 1 } }, displayPath(props.path));
+    }
+  });
+  const CompressDialog = defineComponent({
+    name: "CompressDialog",
+    setup() {
+      const visible = ref(true);
+      const outputDir = ref(payload.currentPath || "/");
+      const checkResult = ref(null);
+      const checking = ref(false);
+      const runCheck = async () => {
+        checking.value = true;
+        checkResult.value = null;
+        try {
+          const resp = await api.post("/plugin/compress/check", {
+            paths: payload.selected,
+            outputDir: outputDir.value
+          });
+          checkResult.value = resp.data;
+        } catch (e) {
+          const msg = e?.response?.data?.message;
+          ElMessage.error(msg || "\u6743\u9650\u68C0\u67E5\u5931\u8D25");
+          checkResult.value = null;
+        } finally {
+          checking.value = false;
+        }
+      };
+      watch(() => outputDir.value, runCheck);
+      void runCheck();
+      const canStart = computed(
+        () => !!checkResult.value?.ok && !checking.value && payload.selected.length > 0
+      );
+      const refreshCurrentDir = async () => {
+        try {
+          const resp = await api.get("/files", {
+            params: { path: ctx.stores.file.currentPath }
+          });
+          ctx.stores.file.setFiles(resp.data.files);
+        } catch {
+        }
+      };
+      const startCompress = async () => {
+        if (!canStart.value) return;
+        try {
+          const resp = await api.post("/plugin/compress/zip", {
+            paths: payload.selected,
+            outputDir: outputDir.value
+          });
+          const { taskId } = resp.data;
+          const info = {
+            id: taskId,
+            type: "compress",
+            status: "running",
+            phase: "compress",
+            progress: 0,
+            speed: 0,
+            totalSize: 0,
+            startTime: Date.now(),
+            metadata: {
+              paths: payload.selected.slice(),
+              names: payload.infos.map((i) => i.name),
+              outputDir: outputDir.value,
+              targetPath: checkResult.value?.targetPath || ""
+            },
+            completedCount: 0,
+            totalCount: payload.selected.length,
+            totalItemCount: 0,
+            processedItemCount: 0
+          };
+          ctx.stores.task.attachTask(taskId, info, makeConditionalRefresh());
+          ElMessage.success("\u538B\u7F29\u4EFB\u52A1\u5DF2\u63A8\u9001\u5230\u540E\u53F0");
+          visible.value = false;
+        } catch (e) {
+          ElMessage.error(e?.response?.data?.message || "\u521B\u5EFA\u538B\u7F29\u4EFB\u52A1\u5931\u8D25");
+        }
+      };
+      const makeConditionalRefresh = () => {
+        const outputDirSnapshot = outputDir.value;
+        return () => {
+          const current = ctx.stores.file.currentPath || "/";
+          if (current === outputDirSnapshot) {
+            void refreshCurrentDir();
+          }
+        };
+      };
+      const pickerVisible = ref(false);
+      const pickerPath = ref(payload.currentPath || "/");
+      const pickerFolders = ref([]);
+      const pickerLoading = ref(false);
+      const loadPickerFolders = async (p) => {
+        pickerLoading.value = true;
+        try {
+          const resp = await api.get("/files", { params: { path: p } });
+          pickerFolders.value = (resp.data?.files || []).filter((f) => f.isDirectory && !f.broken).map((f) => f.path);
+        } catch {
+          pickerFolders.value = [];
+        } finally {
+          pickerLoading.value = false;
+        }
+      };
+      const openPicker = () => {
+        pickerPath.value = outputDir.value;
+        pickerVisible.value = true;
+        void loadPickerFolders(pickerPath.value);
+      };
+      const pickerUp = () => {
+        pickerPath.value = parentOf(pickerPath.value);
+        void loadPickerFolders(pickerPath.value);
+      };
+      const pickerEnter = (p) => {
+        pickerPath.value = p;
+        void loadPickerFolders(p);
+      };
+      const pickerConfirm = () => {
+        outputDir.value = pickerPath.value;
+        pickerVisible.value = false;
+      };
+      return () => {
+        const selectedRows = payload.infos.map(
+          (info) => h("div", { class: "fcp-sel-item", key: info.path }, [
+            h("span", { class: "fcp-sel-name" }, info.name),
+            h(
+              "span",
+              { class: "fcp-sel-meta" },
+              info.isDirectory ? "\u6587\u4EF6\u5939" : formatSize(info.size)
+            )
+          ])
+        );
+        const statusChildren = [];
+        if (checkResult.value) {
+          for (const item of checkResult.value.items) {
+            const ok = item.exists && item.readable;
+            statusChildren.push(
+              h("div", { class: "fcp-status-row", key: item.path }, [
+                h(
+                  "span",
+                  { class: "fcp-status-name" },
+                  `${item.name}${item.kind === "dir" ? "\uFF08\u6587\u4EF6\u5939\uFF09" : ""}`
+                ),
+                h(
+                  ElTag,
+                  { type: ok ? "success" : "danger", size: "small", effect: "plain" },
+                  () => !item.exists ? "\u4E0D\u5B58\u5728" : ok ? "\u53EF\u8BFB" : "\u4E0D\u53EF\u8BFB"
+                )
+              ])
+            );
+          }
+          const out = checkResult.value.output;
+          const outOk = out.exists && out.isDir && out.writable;
+          statusChildren.push(
+            h("div", { class: "fcp-status-row", key: "__output__" }, [
+              h("span", { class: "fcp-status-name" }, "\u8F93\u51FA\u6587\u4EF6\u5939"),
+              h(
+                ElTag,
+                { type: outOk ? "success" : "danger", size: "small", effect: "plain" },
+                () => !out.exists ? "\u4E0D\u5B58\u5728" : outOk ? "\u53EF\u5199" : "\u4E0D\u53EF\u5199"
+              )
+            ])
+          );
+        }
+        const forbiddenAlert = checkResult.value?.forbidden && checkResult.value.forbiddenMessage ? h(
+          ElAlert,
+          {
+            title: checkResult.value.forbiddenMessage,
+            type: "warning",
+            showIcon: true,
+            closable: false,
+            style: { marginTop: "8px" }
+          }
+        ) : null;
+        const pickerDialog = h(
+          ElDialog,
+          {
+            modelValue: pickerVisible.value,
+            title: "\u9009\u62E9\u8F93\u51FA\u6587\u4EF6\u5939",
+            width: "460px",
+            appendToBody: true,
+            "onUpdate:modelValue": (v) => {
+              pickerVisible.value = v;
+            }
+          },
+          {
+            default: () => [
+              h("div", { class: "fcp-picker-path" }, [
+                h(EllipsisPath, { path: pickerPath.value }),
+                h(
+                  ElButton,
+                  {
+                    size: "small",
+                    disabled: !pickerPath.value || pickerPath.value === "/",
+                    onClick: pickerUp
+                  },
+                  () => "\u4E0A\u7EA7"
+                )
+              ]),
+              pickerLoading.value ? h("div", { class: "fcp-dim" }, "\u52A0\u8F7D\u4E2D\u2026") : pickerFolders.value.length === 0 ? h("div", { class: "fcp-picker-empty" }, "\uFF08\u8BE5\u6587\u4EF6\u5939\u4E0B\u6CA1\u6709\u5B50\u6587\u4EF6\u5939\uFF09") : h(
+                "div",
+                { class: "fcp-picker-list" },
+                pickerFolders.value.map(
+                  (p) => h(
+                    "div",
+                    { class: "fcp-picker-row", key: p, onClick: () => pickerEnter(p) },
+                    [
+                      h("span", { class: "fcp-picker-icon" }, [renderFolderIcon(h)]),
+                      h("span", { class: "fcp-sel-name" }, p.split("/").pop() || p)
+                    ]
+                  )
+                )
+              )
+            ],
+            footer: () => [
+              h(
+                ElButton,
+                { size: "small", onClick: () => pickerVisible.value = false },
+                () => "\u53D6\u6D88"
+              ),
+              h(ElButton, { size: "small", type: "primary", onClick: pickerConfirm }, () => "\u9009\u62E9")
+            ]
+          }
+        );
+        return h(
+          ElDialog,
+          {
+            modelValue: visible.value,
+            title: `\u538B\u7F29\uFF08${payload.infos.length} \u9879\uFF09`,
+            width: "560px",
+            appendToBody: true,
+            closeOnClickModal: false,
+            "onUpdate:modelValue": (v) => {
+              visible.value = v;
+              if (!v) close();
+            }
+          },
+          {
+            default: () => [
+              h("div", { class: "fcp-dialog-body" }, [
+                h("div", { class: "fcp-sec-title" }, "\u5DF2\u9009\u6761\u76EE"),
+                h("div", { class: "fcp-sel-list" }, selectedRows),
+                h("div", { class: "fcp-sec-title" }, "\u8F93\u51FA\u4F4D\u7F6E"),
+                h("div", { class: "fcp-out-row" }, [
+                  h(ElInput, {
+                    modelValue: displayPath(outputDir.value),
+                    readonly: true,
+                    placeholder: "\u8BF7\u9009\u62E9\u8F93\u51FA\u6587\u4EF6\u5939",
+                    style: { flex: 1 }
+                  }),
+                  h(ElButton, { size: "default", onClick: openPicker }, () => "\u9009\u62E9")
+                ]),
+                checkResult.value?.targetPath ? h("div", { class: "fcp-target" }, `\u8F93\u51FA\u6587\u4EF6\uFF1A${checkResult.value.targetPath}`) : null,
+                h("div", { class: "fcp-sec-title" }, "\u6743\u9650\u68C0\u67E5"),
+                checking.value ? h("div", { class: "fcp-dim" }, "\u6B63\u5728\u68C0\u67E5\u6743\u9650\u2026") : checkResult.value ? h("div", { class: "fcp-status-list" }, statusChildren) : h("div", { class: "fcp-dim" }, "\u6743\u9650\u68C0\u67E5\u5931\u8D25"),
+                forbiddenAlert
+              ]),
+              pickerDialog
+            ],
+            footer: () => [
+              h(ElButton, { onClick: () => visible.value = false }, () => "\u5173\u95ED"),
+              h(
+                ElButton,
+                { type: "primary", disabled: !canStart.value, onClick: startCompress },
+                () => "\u5F00\u59CB\u538B\u7F29"
+              )
+            ]
+          }
+        );
+      };
+    }
+  });
+  const rootApp = createApp(CompressDialog);
+  rootApp.mount(host);
+  activeDialog = { app: rootApp, host };
+}
+
+// src/frontend.ts
+var install = (ctx) => {
+  injectStyles();
+  const api = window.__fm_bulk_actions;
+  if (!api || typeof api.register !== "function") {
+    console.warn("[compress] \u4E3B\u5E94\u7528\u672A\u66B4\u9732\u6279\u91CF\u64CD\u4F5C\u6CE8\u518C\u8868\uFF08__fm_bulk_actions\uFF09\uFF0C\u538B\u7F29\u6309\u94AE\u4E0D\u53EF\u7528");
+    return;
+  }
+  api.register({
+    id: "compress",
+    label: "\u538B\u7F29",
+    // 文件/文件夹均可压缩，多选亦支持；只要选中了任意条目即显示
+    visible: (p) => p.count > 0,
+    run: (payload) => openCompressDialog(ctx, payload)
+  });
+  return () => {
+    api.unregister?.("compress");
+    closeCompressDialog();
+    removeStyles();
+  };
+};
+export {
+  install
+};

package/dist/style.d.ts

@@ -0,0 +1,6 @@
+/**
+ * compress 插件样式注入（fcp- 前缀，颜色只用主题令牌带 fallback）
+ */
+export declare function injectStyles(): void;
+/** 移除注入样式（插件 teardown 调用） */
+export declare function removeStyles(): void;

package/dist/style.js

@@ -0,0 +1,61 @@
+"use strict";
+/**
+ * compress 插件样式注入（fcp- 前缀，颜色只用主题令牌带 fallback）
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.injectStyles = injectStyles;
+exports.removeStyles = removeStyles;
+const STYLE_ID = 'fcp-style';
+const CSS = `
+.fcp-dialog-body { padding: 4px 0; }
+.fcp-sec-title { color: var(--app-text-dim, #888); font-size: 12px; margin: 10px 0 6px; }
+.fcp-sel-list {
+  max-height: 140px; overflow-y: auto;
+  border: 1px solid var(--app-border, #ccc); border-radius: 4px;
+  padding: 6px 8px; background: var(--app-accent-bg, transparent);
+}
+.fcp-sel-item {
+  display: flex; align-items: center; justify-content: space-between; gap: 8px;
+  padding: 2px 0; font-size: 13px; color: var(--app-text, #333);
+}
+.fcp-sel-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
+.fcp-sel-meta { flex-shrink: 0; color: var(--app-text-dim, #888); font-size: 12px; }
+.fcp-out-row { display: flex; align-items: center; gap: 8px; }
+.fcp-target { font-size: 12px; color: var(--app-text-dim, #888); margin-top: 6px; word-break: break-all; }
+.fcp-status-list { display: flex; flex-direction: column; gap: 4px; margin-top: 6px; max-height: 180px; overflow-y: auto; }
+.fcp-status-row {
+  display: flex; align-items: center; justify-content: space-between; gap: 8px;
+  font-size: 13px; color: var(--app-text, #333);
+  padding: 2px 0;
+}
+.fcp-status-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.fcp-dim { color: var(--app-text-dim, #888); font-size: 12px; }
+.fcp-picker-path { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
+.fcp-picker-list {
+  max-height: 320px; overflow-y: auto;
+  border: 1px solid var(--app-border, #ccc); border-radius: 4px; padding: 4px;
+  background: var(--app-accent-bg, transparent);
+}
+.fcp-picker-row {
+  display: flex; align-items: center; gap: 8px; padding: 6px 8px;
+  cursor: pointer; border-radius: 4px; font-size: 13px; color: var(--app-text, #333);
+}
+.fcp-picker-icon {
+  display: flex; align-items: center; flex-shrink: 0;
+  color: var(--app-accent, #409eff);
+}
+.fcp-picker-row:hover { background: var(--app-accent-bg-hover, var(--app-accent-bg, #f0f0f0)); }
+.fcp-picker-empty { color: var(--app-text-dim, #888); font-size: 12px; padding: 8px; }
+`;
+function injectStyles() {
+    if (document.getElementById(STYLE_ID))
+        return;
+    const style = document.createElement('style');
+    style.id = STYLE_ID;
+    style.textContent = CSS;
+    document.head.appendChild(style);
+}
+/** 移除注入样式（插件 teardown 调用） */
+function removeStyles() {
+    document.getElementById(STYLE_ID)?.remove();
+}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@mqn00/file-manager-plugin-compress",
+  "version": "0.1.0",
+  "description": "File Manager 压缩插件：支持多选文件/文件夹压缩为 zip，可指定输出文件夹（默认当前文件夹），压缩前预检源读取权限与输出目录写入权限，SSE 进度与取消",
+  "main": "dist/backend.js",
+  "exports": {
+    ".": "./dist/backend.js",
+    "./frontend": "./dist/frontend.js"
+  },
+  "files": [
+    "dist/",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "tsc && node build.mjs",
+    "dev": "tsc --watch",
+    "build:frontend": "node build.mjs",
+    "test": "vitest run"
+  },
+  "peerDependencies": {
+    "@mqn00/file-manager": "^3.0.0"
+  },
+  "dependencies": {
+    "archiver": "^7.0.1"
+  },
+  "devDependencies": {
+    "@mqn00/file-manager": "file:../../backend",
+    "@types/archiver": "^7.0.0",
+    "esbuild": "^0.28.1",
+    "typescript": "^5.4.0",
+    "vitest": "^3.0.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mqnu00/file-manager.git",
+    "directory": "plugins/compress"
+  },
+  "keywords": [
+    "file-manager",
+    "file-manager-plugin",
+    "compress",
+    "zip",
+    "archive"
+  ],
+  "author": "mqn00",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  }
+}