@huyooo/file-explorer-frontend-vue 0.4.18 → 0.4.19

package/dist/index.js

@@ -1,6 +1,6 @@
-import { defineComponent as q, computed as F, createElementBlock as h, openBlock as a, normalizeClass as B, createVNode as N, unref as O, withModifiers as R, Fragment as G, renderList as J, createElementVNode as s, createBlock as H, createCommentVNode as j, withKeys as ce, toDisplayString as z, createTextVNode as se, ref as D, renderSlot as Z, watch as ee, nextTick as fe, onUnmounted as ne, Teleport as ie, normalizeStyle as de, onMounted as ve, withDirectives as te, vModelText as we, vModelSelect as ye, vModelRadio as ke, vModelDynamic as xe, vModelCheckbox as $e } from "vue";
-import { Icon as T } from "@iconify/vue";
-const d = {
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, createVNode, unref, withModifiers, Fragment, renderList, createElementVNode, createBlock, createCommentVNode, withKeys, toDisplayString, createTextVNode, ref, renderSlot, watch, nextTick, onUnmounted, Teleport, normalizeStyle, onMounted, withDirectives, vModelText, vModelSelect, vModelRadio, vModelDynamic, vModelCheckbox } from "vue";
+import { Icon } from "@iconify/vue";
+const FileType = {
   FOLDER: "folder",
   FILE: "file",
   IMAGE: "image",
@@ -13,7 +13,8 @@ const d = {
   ARCHIVE: "archive",
   APPLICATION: "application",
   UNKNOWN: "unknown"
-}, me = /* @__PURE__ */ new Set([
+};
+const KNOWN_TYPES$1 = /* @__PURE__ */ new Set([
   "3d",
   "actionscript",
   "ada",
@@ -329,191 +330,193 @@ const d = {
   "yarn",
   "zig",
   "zip"
-]), ge = {
+]);
+const EXT_MAP = {
   // JavaScript/TypeScript
-  js: "javascript",
-  mjs: "javascript",
-  cjs: "javascript",
-  jsx: "react",
-  ts: "typescript",
-  mts: "typescript",
-  cts: "typescript",
-  tsx: "react-ts",
+  "js": "javascript",
+  "mjs": "javascript",
+  "cjs": "javascript",
+  "jsx": "react",
+  "ts": "typescript",
+  "mts": "typescript",
+  "cts": "typescript",
+  "tsx": "react-ts",
   // 前端框架
-  vue: "vue",
-  svelte: "svelte",
-  astro: "astro",
+  "vue": "vue",
+  "svelte": "svelte",
+  "astro": "astro",
   // 后端语言
-  py: "python",
-  pyw: "python",
-  pyi: "python",
-  pyc: "python",
-  java: "java",
-  class: "javaclass",
-  jar: "jar",
-  c: "c",
-  h: "h",
-  cpp: "cpp",
-  cc: "cpp",
-  cxx: "cpp",
-  hpp: "hpp",
-  hh: "hpp",
-  hxx: "hpp",
-  cs: "csharp",
-  csx: "csharp",
-  go: "go",
-  rs: "rust",
-  php: "php",
-  phtml: "php",
-  rb: "ruby",
-  rake: "ruby",
-  swift: "swift",
-  kt: "kotlin",
-  kts: "kotlin",
-  scala: "scala",
-  dart: "dart",
-  lua: "lua",
-  luau: "luau",
-  r: "r",
-  rdata: "r",
-  rds: "r",
-  pl: "perl",
-  pm: "perl",
-  sh: "command",
-  bash: "command",
-  zsh: "command",
-  fish: "command",
-  ps1: "powershell",
-  psm1: "powershell",
-  psd1: "powershell",
-  bat: "command",
-  cmd: "command",
+  "py": "python",
+  "pyw": "python",
+  "pyi": "python",
+  "pyc": "python",
+  "java": "java",
+  "class": "javaclass",
+  "jar": "jar",
+  "c": "c",
+  "h": "h",
+  "cpp": "cpp",
+  "cc": "cpp",
+  "cxx": "cpp",
+  "hpp": "hpp",
+  "hh": "hpp",
+  "hxx": "hpp",
+  "cs": "csharp",
+  "csx": "csharp",
+  "go": "go",
+  "rs": "rust",
+  "php": "php",
+  "phtml": "php",
+  "rb": "ruby",
+  "rake": "ruby",
+  "swift": "swift",
+  "kt": "kotlin",
+  "kts": "kotlin",
+  "scala": "scala",
+  "dart": "dart",
+  "lua": "lua",
+  "luau": "luau",
+  "r": "r",
+  "rdata": "r",
+  "rds": "r",
+  "pl": "perl",
+  "pm": "perl",
+  "sh": "command",
+  "bash": "command",
+  "zsh": "command",
+  "fish": "command",
+  "ps1": "powershell",
+  "psm1": "powershell",
+  "psd1": "powershell",
+  "bat": "command",
+  "cmd": "command",
   // 样式
-  css: "css",
-  scss: "sass",
-  sass: "sass",
-  less: "less",
-  styl: "stylus",
+  "css": "css",
+  "scss": "sass",
+  "sass": "sass",
+  "less": "less",
+  "styl": "stylus",
   // 标记/配置
-  html: "html",
-  htm: "html",
-  xhtml: "html",
-  xml: "xml",
-  xsl: "xml",
-  xslt: "xml",
-  json: "json",
-  jsonc: "json",
-  json5: "json",
-  yaml: "yaml",
-  yml: "yaml",
-  toml: "toml",
-  ini: "settings",
-  conf: "settings",
-  config: "settings",
+  "html": "html",
+  "htm": "html",
+  "xhtml": "html",
+  "xml": "xml",
+  "xsl": "xml",
+  "xslt": "xml",
+  "json": "json",
+  "jsonc": "json",
+  "json5": "json",
+  "yaml": "yaml",
+  "yml": "yaml",
+  "toml": "toml",
+  "ini": "settings",
+  "conf": "settings",
+  "config": "settings",
   // 文档
-  md: "markdown",
-  markdown: "markdown",
-  mdx: "mdx",
-  txt: "document",
-  pdf: "pdf",
-  doc: "word",
-  docx: "word",
-  dot: "word",
-  dotx: "word",
-  odt: "word",
-  xls: "table",
-  xlsx: "table",
-  xlsm: "table",
-  ods: "table",
-  csv: "table",
-  ppt: "powerpoint",
-  pptx: "powerpoint",
-  odp: "powerpoint",
+  "md": "markdown",
+  "markdown": "markdown",
+  "mdx": "mdx",
+  "txt": "document",
+  "pdf": "pdf",
+  "doc": "word",
+  "docx": "word",
+  "dot": "word",
+  "dotx": "word",
+  "odt": "word",
+  "xls": "table",
+  "xlsx": "table",
+  "xlsm": "table",
+  "ods": "table",
+  "csv": "table",
+  "ppt": "powerpoint",
+  "pptx": "powerpoint",
+  "odp": "powerpoint",
   // 图片
-  jpg: "image",
-  jpeg: "image",
-  png: "image",
-  gif: "image",
-  webp: "image",
-  ico: "image",
-  bmp: "image",
-  tiff: "image",
-  tif: "image",
-  heic: "image",
-  heif: "image",
-  svg: "svg",
-  psd: "adobe-photoshop",
-  ai: "adobe-illustrator",
-  sketch: "sketch",
-  fig: "figma",
-  figma: "figma",
+  "jpg": "image",
+  "jpeg": "image",
+  "png": "image",
+  "gif": "image",
+  "webp": "image",
+  "ico": "image",
+  "bmp": "image",
+  "tiff": "image",
+  "tif": "image",
+  "heic": "image",
+  "heif": "image",
+  "svg": "svg",
+  "psd": "adobe-photoshop",
+  "ai": "adobe-illustrator",
+  "sketch": "sketch",
+  "fig": "figma",
+  "figma": "figma",
   // 视频/音频
-  mp4: "video",
-  mov: "video",
-  avi: "video",
-  mkv: "video",
-  webm: "video",
-  flv: "video",
-  wmv: "video",
-  m4v: "video",
+  "mp4": "video",
+  "mov": "video",
+  "avi": "video",
+  "mkv": "video",
+  "webm": "video",
+  "flv": "video",
+  "wmv": "video",
+  "m4v": "video",
   "3gp": "video",
-  mpeg: "video",
-  mpg: "video",
-  mp3: "audio",
-  wav: "audio",
-  flac: "audio",
-  aac: "audio",
-  ogg: "audio",
-  wma: "audio",
-  m4a: "audio",
-  aiff: "audio",
+  "mpeg": "video",
+  "mpg": "video",
+  "mp3": "audio",
+  "wav": "audio",
+  "flac": "audio",
+  "aac": "audio",
+  "ogg": "audio",
+  "wma": "audio",
+  "m4a": "audio",
+  "aiff": "audio",
   // 压缩
-  zip: "zip",
-  rar: "zip",
+  "zip": "zip",
+  "rar": "zip",
   "7z": "zip",
-  tar: "zip",
-  gz: "zip",
-  bz2: "zip",
-  xz: "zip",
-  tgz: "zip",
-  tbz2: "zip",
+  "tar": "zip",
+  "gz": "zip",
+  "bz2": "zip",
+  "xz": "zip",
+  "tgz": "zip",
+  "tbz2": "zip",
   // 数据库
-  sql: "database",
-  db: "database",
-  sqlite: "database",
-  sqlite3: "database",
-  prisma: "prisma",
+  "sql": "database",
+  "db": "database",
+  "sqlite": "database",
+  "sqlite3": "database",
+  "prisma": "prisma",
   // 其他
-  log: "log",
-  lock: "lock",
-  env: "settings",
-  graphql: "graphql",
-  gql: "graphql",
-  proto: "proto",
-  wasm: "webassembly",
-  zig: "zig",
-  nim: "nim",
-  nix: "nix",
-  hcl: "hcl",
-  tf: "terraform",
-  sol: "solidity",
-  ex: "elixir",
-  exs: "elixir",
-  erl: "erlang",
-  hrl: "erlang",
-  hs: "haskell",
-  lhs: "haskell",
-  ml: "ocaml",
-  mli: "ocaml",
-  clj: "clojure",
-  cljs: "clojure",
-  cljc: "clojure",
-  lisp: "lisp",
-  lsp: "lisp",
-  el: "lisp",
-  vim: "vim",
-  dockerfile: "docker"
-}, pe = {
+  "log": "log",
+  "lock": "lock",
+  "env": "settings",
+  "graphql": "graphql",
+  "gql": "graphql",
+  "proto": "proto",
+  "wasm": "webassembly",
+  "zig": "zig",
+  "nim": "nim",
+  "nix": "nix",
+  "hcl": "hcl",
+  "tf": "terraform",
+  "sol": "solidity",
+  "ex": "elixir",
+  "exs": "elixir",
+  "erl": "erlang",
+  "hrl": "erlang",
+  "hs": "haskell",
+  "lhs": "haskell",
+  "ml": "ocaml",
+  "mli": "ocaml",
+  "clj": "clojure",
+  "cljs": "clojure",
+  "cljc": "clojure",
+  "lisp": "lisp",
+  "lsp": "lisp",
+  "el": "lisp",
+  "vim": "vim",
+  "dockerfile": "docker"
+};
+const SPECIAL_FILES = {
   // Git
   ".gitignore": "git",
   ".gitattributes": "git",
@@ -538,7 +541,7 @@ const d = {
   "bunfig.toml": "bun",
   // Python
   "requirements.txt": "python",
-  pipfile: "python",
+  "pipfile": "python",
   "pipfile.lock": "python",
   "pyproject.toml": "python",
   "poetry.lock": "python",
@@ -554,17 +557,17 @@ const d = {
   "composer.json": "php",
   "composer.lock": "php",
   // Ruby
-  gemfile: "gemfile",
+  "gemfile": "gemfile",
   "gemfile.lock": "gemfile",
-  rakefile: "ruby",
+  "rakefile": "ruby",
   // Docker
-  dockerfile: "docker",
+  "dockerfile": "docker",
   "docker-compose.yml": "docker",
   "docker-compose.yaml": "docker",
   ".dockerignore": "docker",
   // 构建工具
-  makefile: "makefile",
-  gnumakefile: "makefile",
+  "makefile": "makefile",
+  "gnumakefile": "makefile",
   "cmakelists.txt": "cmake",
   "build.gradle": "gradle",
   "build.gradle.kts": "gradle",
@@ -632,19 +635,19 @@ const d = {
   "vercel.json": "vercel",
   "netlify.toml": "netlify",
   // 其他
-  license: "license",
+  "license": "license",
   "license.md": "license",
   "license.txt": "license",
-  readme: "readme",
+  "readme": "readme",
   "readme.md": "readme",
   "readme.txt": "readme",
-  changelog: "changelog",
+  "changelog": "changelog",
   "changelog.md": "changelog",
   ".npmrc": "npm",
   ".npmignore": "npm",
   "robots.txt": "robots",
   ".htaccess": "nginx",
-  vagrantfile: "vagrant",
+  "vagrantfile": "vagrant",
   ".stylelintrc": "stylelint",
   ".stylelintrc.json": "stylelint",
   "nodemon.json": "nodemon",
@@ -654,62 +657,73 @@ const d = {
   "deno.json": "deno",
   "deno.jsonc": "deno"
 };
-function he(e, g) {
-  const t = e.toLowerCase();
-  if (pe[t]) {
-    const i = pe[t];
-    if (me.has(i))
-      return `material-icon-theme:${i}`;
+function getFileTypeIcon(fileName, fallbackType) {
+  const lowerName = fileName.toLowerCase();
+  if (SPECIAL_FILES[lowerName]) {
+    const type = SPECIAL_FILES[lowerName];
+    if (KNOWN_TYPES$1.has(type)) {
+      return `material-icon-theme:${type}`;
+    }
   }
-  if (t === "dockerfile" || t.startsWith("dockerfile."))
+  if (lowerName === "dockerfile" || lowerName.startsWith("dockerfile.")) {
     return "material-icon-theme:docker";
-  if (t === ".env" || t.startsWith(".env."))
+  }
+  if (lowerName === ".env" || lowerName.startsWith(".env.")) {
     return "material-icon-theme:settings";
-  const r = e.lastIndexOf("."), l = r > 0 ? e.substring(r + 1).toLowerCase() : "";
-  if (l === "ts" || l === "js") {
-    const i = e.substring(0, r).toLowerCase();
-    if (i.endsWith(".d"))
+  }
+  const lastDotIndex = fileName.lastIndexOf(".");
+  const ext = lastDotIndex > 0 ? fileName.substring(lastDotIndex + 1).toLowerCase() : "";
+  if (ext === "ts" || ext === "js") {
+    const baseName = fileName.substring(0, lastDotIndex).toLowerCase();
+    if (baseName.endsWith(".d")) {
       return "material-icon-theme:typescript-def";
-    if (i.endsWith(".test") || i.endsWith(".spec"))
-      return l === "ts" ? "material-icon-theme:test-ts" : "material-icon-theme:test-js";
+    }
+    if (baseName.endsWith(".test") || baseName.endsWith(".spec")) {
+      return ext === "ts" ? "material-icon-theme:test-ts" : "material-icon-theme:test-js";
+    }
   }
-  if (l === "jsx" || l === "tsx") {
-    const i = e.substring(0, r).toLowerCase();
-    if (i.endsWith(".test") || i.endsWith(".spec"))
-      return l === "tsx" ? "material-icon-theme:test-ts" : "material-icon-theme:test-jsx";
+  if (ext === "jsx" || ext === "tsx") {
+    const baseName = fileName.substring(0, lastDotIndex).toLowerCase();
+    if (baseName.endsWith(".test") || baseName.endsWith(".spec")) {
+      return ext === "tsx" ? "material-icon-theme:test-ts" : "material-icon-theme:test-jsx";
+    }
+  }
+  if (ext && EXT_MAP[ext]) {
+    const type = EXT_MAP[ext];
+    if (KNOWN_TYPES$1.has(type)) {
+      return `material-icon-theme:${type}`;
+    }
   }
-  if (l && ge[l]) {
-    const i = ge[l];
-    if (me.has(i))
-      return `material-icon-theme:${i}`;
+  if (fallbackType) {
+    return getFallbackIcon(fallbackType);
   }
-  return g ? Ce(g) : "material-icon-theme:document";
+  return "material-icon-theme:document";
 }
-function Ce(e) {
-  switch (e) {
-    case d.IMAGE:
+function getFallbackIcon(type) {
+  switch (type) {
+    case FileType.IMAGE:
       return "material-icon-theme:image";
-    case d.VIDEO:
+    case FileType.VIDEO:
       return "material-icon-theme:video";
-    case d.MUSIC:
+    case FileType.MUSIC:
       return "material-icon-theme:audio";
-    case d.CODE:
+    case FileType.CODE:
       return "material-icon-theme:javascript";
-    case d.TEXT:
+    case FileType.TEXT:
       return "material-icon-theme:document";
-    case d.DOCUMENT:
+    case FileType.DOCUMENT:
       return "material-icon-theme:word";
-    case d.PDF:
+    case FileType.PDF:
       return "material-icon-theme:pdf";
-    case d.ARCHIVE:
+    case FileType.ARCHIVE:
       return "material-icon-theme:zip";
-    case d.APPLICATION:
+    case FileType.APPLICATION:
       return "material-icon-theme:exe";
     default:
       return "material-icon-theme:document";
   }
 }
-const Ie = /* @__PURE__ */ new Set([
+const KNOWN_TYPES = /* @__PURE__ */ new Set([
   "admin",
   "android",
   "angular",
@@ -965,114 +979,115 @@ const Ie = /* @__PURE__ */ new Set([
   "wordpress",
   "yarn",
   "zeabur"
-]), Ee = {
+]);
+const ALIASES = {
   // 复数/变体
-  tests: "test",
-  __tests__: "test",
-  __test__: "test",
-  spec: "test",
-  specs: "test",
-  script: "scripts",
-  configs: "config",
-  configuration: "config",
-  configurations: "config",
-  route: "routes",
-  routing: "routes",
-  stories: "storybook",
-  story: "storybook",
-  templates: "template",
-  themes: "theme",
-  videos: "video",
-  imgs: "images",
-  img: "images",
-  image: "images",
-  fonts: "font",
-  styles: "css",
-  style: "css",
-  styling: "css",
-  stylesheets: "css",
-  view: "views",
-  pages: "views",
-  page: "views",
-  layouts: "layout",
-  models: "database",
-  model: "database",
-  modules: "lib",
-  module: "lib",
-  mods: "lib",
-  plugins: "plugin",
-  addons: "plugin",
-  extensions: "plugin",
-  middlewares: "middleware",
-  helpers: "helper",
-  utilities: "utils",
-  util: "utils",
-  tool: "tools",
-  tooling: "tools",
-  resources: "resource",
-  res: "resource",
-  assets: "resource",
-  asset: "resource",
-  hooks: "hook",
-  composables: "hook",
-  mocks: "mock",
-  __mocks__: "mock",
-  fixtures: "mock",
-  __fixtures__: "mock",
-  logs: "log",
-  uploads: "upload",
-  function: "functions",
-  func: "functions",
-  fns: "functions",
-  services: "server",
-  service: "server",
-  component: "components",
-  comp: "components",
-  comps: "components",
-  controllers: "controller",
+  "tests": "test",
+  "__tests__": "test",
+  "__test__": "test",
+  "spec": "test",
+  "specs": "test",
+  "script": "scripts",
+  "configs": "config",
+  "configuration": "config",
+  "configurations": "config",
+  "route": "routes",
+  "routing": "routes",
+  "stories": "storybook",
+  "story": "storybook",
+  "templates": "template",
+  "themes": "theme",
+  "videos": "video",
+  "imgs": "images",
+  "img": "images",
+  "image": "images",
+  "fonts": "font",
+  "styles": "css",
+  "style": "css",
+  "styling": "css",
+  "stylesheets": "css",
+  "view": "views",
+  "pages": "views",
+  "page": "views",
+  "layouts": "layout",
+  "models": "database",
+  "model": "database",
+  "modules": "lib",
+  "module": "lib",
+  "mods": "lib",
+  "plugins": "plugin",
+  "addons": "plugin",
+  "extensions": "plugin",
+  "middlewares": "middleware",
+  "helpers": "helper",
+  "utilities": "utils",
+  "util": "utils",
+  "tool": "tools",
+  "tooling": "tools",
+  "resources": "resource",
+  "res": "resource",
+  "assets": "resource",
+  "asset": "resource",
+  "hooks": "hook",
+  "composables": "hook",
+  "mocks": "mock",
+  "__mocks__": "mock",
+  "fixtures": "mock",
+  "__fixtures__": "mock",
+  "logs": "log",
+  "uploads": "upload",
+  "function": "functions",
+  "func": "functions",
+  "fns": "functions",
+  "services": "server",
+  "service": "server",
+  "component": "components",
+  "comp": "components",
+  "comps": "components",
+  "controllers": "controller",
   // 常见变体
-  source: "src",
-  sources: "src",
-  distribution: "dist",
-  build: "dist",
-  builds: "dist",
-  out: "dist",
-  output: "dist",
-  documentation: "docs",
-  doc: "docs",
-  document: "docs",
-  documents: "docs",
-  static: "public",
-  statics: "public",
-  publics: "public",
-  libs: "lib",
-  library: "lib",
-  vendor: "lib",
-  vendors: "lib",
-  bin: "scripts",
-  binaries: "scripts",
-  tmp: "temp",
-  temporary: "temp",
-  cache: "temp",
-  caches: "temp",
+  "source": "src",
+  "sources": "src",
+  "distribution": "dist",
+  "build": "dist",
+  "builds": "dist",
+  "out": "dist",
+  "output": "dist",
+  "documentation": "docs",
+  "doc": "docs",
+  "document": "docs",
+  "documents": "docs",
+  "static": "public",
+  "statics": "public",
+  "publics": "public",
+  "libs": "lib",
+  "library": "lib",
+  "vendor": "lib",
+  "vendors": "lib",
+  "bin": "scripts",
+  "binaries": "scripts",
+  "tmp": "temp",
+  "temporary": "temp",
+  "cache": "temp",
+  "caches": "temp",
   ".cache": "temp",
   ".turbo": "temp",
-  types: "typescript",
+  "types": "typescript",
   "@types": "typescript",
-  typings: "typescript",
-  dts: "typescript",
-  locales: "i18n",
-  locale: "i18n",
-  lang: "i18n",
-  languages: "i18n",
-  translations: "i18n",
-  db: "database",
-  databases: "database",
-  sql: "database",
-  queries: "database",
-  migration: "migrations",
-  seeds: "seeders",
-  seed: "seeders",
+  "typings": "typescript",
+  "dts": "typescript",
+  "locales": "i18n",
+  "locale": "i18n",
+  "lang": "i18n",
+  "languages": "i18n",
+  "translations": "i18n",
+  "db": "database",
+  "databases": "database",
+  "sql": "database",
+  "queries": "database",
+  "migration": "migrations",
+  "seeds": "seeders",
+  "seed": "seeders",
   // 技术栈
   ".vscode": "vscode",
   ".github": "github",
@@ -1080,48 +1095,51 @@ const Ie = /* @__PURE__ */ new Set([
   ".circleci": "circleci",
   ".husky": "husky",
   ".docker": "docker",
-  node_modules: "node",
-  scss: "sass",
-  renderer: "client",
-  frontend: "client",
-  web: "client",
-  webapp: "client",
-  website: "client",
-  backend: "server",
-  main: "server",
-  preload: "scripts",
+  "node_modules": "node",
+  "scss": "sass",
+  "renderer": "client",
+  "frontend": "client",
+  "web": "client",
+  "webapp": "client",
+  "website": "client",
+  "backend": "server",
+  "main": "server",
+  "preload": "scripts",
   ".idea": "intellij",
   ".git": "git",
-  k8s: "kubernetes",
-  kube: "kubernetes",
-  mongo: "database",
-  mongodb: "database",
-  mysql: "database",
-  postgres: "database",
-  api: "api",
-  apis: "api",
-  interfaces: "interface",
-  notebook: "jupyter",
-  notebooks: "jupyter",
-  ipynb: "jupyter",
-  notification: "messages",
-  notifications: "messages",
-  env: "environment",
-  envs: "environment",
-  redux: "redux-reducer",
-  store: "store",
-  stores: "store",
-  electron: "desktop",
-  tauri: "src-tauri"
+  "k8s": "kubernetes",
+  "kube": "kubernetes",
+  "mongo": "database",
+  "mongodb": "database",
+  "mysql": "database",
+  "postgres": "database",
+  "api": "api",
+  "apis": "api",
+  "interfaces": "interface",
+  "notebook": "jupyter",
+  "notebooks": "jupyter",
+  "ipynb": "jupyter",
+  "notification": "messages",
+  "notifications": "messages",
+  "env": "environment",
+  "envs": "environment",
+  "redux": "redux-reducer",
+  "store": "store",
+  "stores": "store",
+  "electron": "desktop",
+  "tauri": "src-tauri"
 };
-function Me(e) {
-  const g = (e || "").trim();
-  if (!g) return;
-  const t = g.replace(/[\\/]+$/, "").toLowerCase(), r = Ee[t] ?? t;
-  if (Ie.has(r))
-    return `material-icon-theme:folder-${r}`;
+function getFolderTypeIcon(folderName) {
+  const name = (folderName || "").trim();
+  if (!name) return void 0;
+  const lower = name.replace(/[\\/]+$/, "").toLowerCase();
+  const standardName = ALIASES[lower] ?? lower;
+  if (KNOWN_TYPES.has(standardName)) {
+    return `material-icon-theme:folder-${standardName}`;
+  }
+  return void 0;
 }
-const je = /* @__PURE__ */ q({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "FileIcon",
   props: {
     type: {},
@@ -1129,83 +1147,106 @@ const je = /* @__PURE__ */ q({
     className: { default: "" },
     size: { default: 24 }
   },
-  setup(e) {
-    const g = e, t = F(() => {
-      if (g.type === d.FOLDER)
-        return (g.name ? Me(g.name) : void 0) ?? "ic:round-folder";
-      if (g.name)
-        return he(g.name, g.type);
-      switch (g.type) {
-        case d.IMAGE:
+  setup(__props) {
+    const props = __props;
+    const iconName = computed(() => {
+      if (props.type === FileType.FOLDER) {
+        const folderIcon = props.name ? getFolderTypeIcon(props.name) : void 0;
+        return folderIcon ?? "ic:round-folder";
+      }
+      if (props.name) {
+        return getFileTypeIcon(props.name, props.type);
+      }
+      switch (props.type) {
+        case FileType.IMAGE:
           return "material-icon-theme:image";
-        case d.TEXT:
+        case FileType.TEXT:
           return "material-icon-theme:document";
-        case d.CODE:
+        case FileType.CODE:
           return "material-icon-theme:javascript";
-        case d.MUSIC:
+        case FileType.MUSIC:
           return "material-icon-theme:audio";
-        case d.VIDEO:
+        case FileType.VIDEO:
           return "material-icon-theme:video";
-        case d.PDF:
+        case FileType.PDF:
           return "material-icon-theme:pdf";
-        case d.DOCUMENT:
+        case FileType.DOCUMENT:
           return "material-icon-theme:word";
-        case d.APPLICATION:
+        case FileType.APPLICATION:
           return "material-icon-theme:exe";
-        case d.ARCHIVE:
+        case FileType.ARCHIVE:
           return "material-icon-theme:zip";
         default:
           return "material-icon-theme:document";
       }
-    }), r = F(() => {
-      const l = "file-icon";
-      switch (g.type) {
-        case d.FOLDER:
-          return `${l} file-icon--folder`;
-        case d.IMAGE:
-          return `${l} file-icon--image`;
-        case d.TEXT:
-          return `${l} file-icon--text`;
-        case d.CODE:
-          return `${l} file-icon--code`;
-        case d.MUSIC:
-          return `${l} file-icon--music`;
-        case d.VIDEO:
-          return `${l} file-icon--video`;
-        case d.PDF:
-        case d.DOCUMENT:
-          return `${l} file-icon--pdf`;
-        case d.APPLICATION:
-          return `${l} file-icon--application`;
-        case d.ARCHIVE:
-          return `${l} file-icon--archive`;
+    });
+    const iconClass = computed(() => {
+      const base = "file-icon";
+      switch (props.type) {
+        case FileType.FOLDER:
+          return `${base} file-icon--folder`;
+        case FileType.IMAGE:
+          return `${base} file-icon--image`;
+        case FileType.TEXT:
+          return `${base} file-icon--text`;
+        case FileType.CODE:
+          return `${base} file-icon--code`;
+        case FileType.MUSIC:
+          return `${base} file-icon--music`;
+        case FileType.VIDEO:
+          return `${base} file-icon--video`;
+        case FileType.PDF:
+        case FileType.DOCUMENT:
+          return `${base} file-icon--pdf`;
+        case FileType.APPLICATION:
+          return `${base} file-icon--application`;
+        case FileType.ARCHIVE:
+          return `${base} file-icon--archive`;
         default:
-          return `${l} file-icon--default`;
+          return `${base} file-icon--default`;
       }
     });
-    return (l, i) => (a(), h("div", {
-      class: B(e.className)
-    }, [
-      N(O(T), {
-        icon: t.value,
-        width: e.size,
-        height: e.size,
-        class: B(r.value)
-      }, null, 8, ["icon", "width", "height", "class"])
-    ], 2));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(__props.className)
+      }, [
+        createVNode(unref(Icon), {
+          icon: iconName.value,
+          width: __props.size,
+          height: __props.size,
+          class: normalizeClass(iconClass.value)
+        }, null, 8, ["icon", "width", "height", "class"])
+      ], 2);
+    };
   }
-}), K = (e, g) => {
-  const t = e.__vccOpts || e;
-  for (const [r, l] of g)
-    t[r] = l;
-  return t;
-}, be = /* @__PURE__ */ K(je, [["__scopeId", "data-v-5777367f"]]), De = ["draggable", "onDragstart", "onDragover", "onDrop", "onClick", "onDblclick", "onContextmenu"], ze = { class: "file-grid-item-icon" }, Se = ["src", "alt"], Oe = {
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const FileIcon = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-5777367f"]]);
+const _hoisted_1$c = ["draggable", "onDragstart", "onDragover", "onDrop", "onClick", "onDblclick", "onContextmenu"];
+const _hoisted_2$b = { class: "file-grid-item-icon" };
+const _hoisted_3$8 = ["src", "alt"];
+const _hoisted_4$8 = {
   key: 0,
   class: "file-grid-item-thumbnail file-grid-item-thumbnail--video"
-}, Le = ["src", "alt", "onError"], Te = ["src", "alt", "onError"], Ae = { class: "file-grid-item-name-wrapper" }, Ne = ["value", "onBlur"], Pe = ["onClick", "title"], Ue = { class: "file-grid-item-name-base" }, Fe = { class: "file-grid-item-name-ext" }, We = {
+};
+const _hoisted_5$7 = ["src", "alt", "onError"];
+const _hoisted_6$6 = ["src", "alt", "onError"];
+const _hoisted_7$6 = { class: "file-grid-item-name-wrapper" };
+const _hoisted_8$5 = ["value", "onBlur"];
+const _hoisted_9$5 = ["onClick", "title"];
+const _hoisted_10$3 = { class: "file-grid-item-name-base" };
+const _hoisted_11$3 = { class: "file-grid-item-name-ext" };
+const _hoisted_12$3 = {
   key: 1,
   class: "file-grid-item-name-base file-grid-item-name-base--two-lines"
-}, Re = /* @__PURE__ */ q({
+};
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "FileGrid",
   props: {
     items: {},
@@ -1215,138 +1256,188 @@ const je = /* @__PURE__ */ q({
     getAppIconUrl: { type: Function }
   },
   emits: ["select", "open", "contextMenu", "contextMenuEmpty", "nameClick", "rename", "renameCancel", "dragStart", "dragOver", "dragLeave", "drop", "thumbnailError"],
-  setup(e, { emit: g }) {
-    function t(n, C) {
-      if (C)
-        return { baseName: n, ext: "" };
-      const c = n.lastIndexOf(".");
-      return c <= 0 ? { baseName: n, ext: "" } : {
-        baseName: n.substring(0, c),
-        ext: n.substring(c)
+  setup(__props, { emit: __emit }) {
+    function splitFileName(name, isFolder) {
+      if (isFolder) {
+        return { baseName: name, ext: "" };
+      }
+      const lastDot = name.lastIndexOf(".");
+      if (lastDot <= 0) {
+        return { baseName: name, ext: "" };
+      }
+      return {
+        baseName: name.substring(0, lastDot),
+        ext: name.substring(lastDot)
       };
     }
-    const r = /* @__PURE__ */ new Map();
-    function l(n) {
-      const C = `${n.id}-${n.name}`;
-      return r.has(C) || r.set(C, t(n.name, n.type === d.FOLDER)), r.get(C);
+    const fileNameCache = /* @__PURE__ */ new Map();
+    function getFileNameParts(item) {
+      const key = `${item.id}-${item.name}`;
+      if (!fileNameCache.has(key)) {
+        fileNameCache.set(key, splitFileName(item.name, item.type === FileType.FOLDER));
+      }
+      return fileNameCache.get(key);
     }
-    const i = e, w = g, I = (n) => {
-      n.target.closest(".file-grid-item") || w("contextMenuEmpty", n);
-    }, m = (n) => {
-      var C;
-      return n.type === d.APPLICATION && ((C = i.getAppIconUrl) != null && C.call(i, n)) ? !0 : n.type === d.IMAGE || n.type === d.VIDEO ? !!n.thumbnailUrl : !1;
-    }, v = (n, C) => {
-      const y = C.target.value.trim();
-      y && y !== n.name ? w("rename", n, y) : w("renameCancel", n);
-    }, b = (n) => {
-      n.target.blur();
-    }, u = (n) => {
-      const C = n.target, c = i.items.find((y) => y.id === i.editingId);
-      c && (C.value = c.name), C.blur();
-    };
-    return (n, C) => (a(), h("div", {
-      class: "file-grid",
-      onContextmenu: R(I, ["prevent"])
-    }, [
-      (a(!0), h(G, null, J(e.items, (c) => {
-        var y;
-        return a(), h("div", {
-          key: c.id,
-          draggable: e.editingId !== c.id,
-          onDragstart: (M) => n.$emit("dragStart", M, c),
-          onDragover: R((M) => n.$emit("dragOver", M, c), ["prevent"]),
-          onDragleave: C[0] || (C[0] = (M) => n.$emit("dragLeave", M)),
-          onDrop: R((M) => n.$emit("drop", M, c), ["prevent"]),
-          onClick: R((M) => n.$emit("select", c, M), ["stop"]),
-          onDblclick: R((M) => n.$emit("open", c), ["stop"]),
-          onContextmenu: R((M) => n.$emit("contextMenu", c, M), ["prevent", "stop"]),
-          class: B([
-            "file-grid-item",
-            e.selectedIds.has(c.id) && e.editingId !== c.id ? "file-grid-item--selected" : e.dragOverId === c.id ? "file-grid-item--drag-over" : "file-grid-item--normal"
-          ])
-        }, [
-          s("div", ze, [
-            c.type === O(d).APPLICATION && ((y = e.getAppIconUrl) != null && y.call(e, c)) ? (a(), h("img", {
-              key: 0,
-              src: e.getAppIconUrl(c),
-              alt: c.name,
-              class: B([
-                "file-grid-item-thumbnail file-grid-item-thumbnail--application",
-                e.selectedIds.has(c.id) && e.editingId !== c.id ? "file-grid-item-thumbnail--selected" : ""
-              ])
-            }, null, 10, Se)) : m(c) ? (a(), h(G, { key: 1 }, [
-              c.type === O(d).VIDEO && c.thumbnailUrl ? (a(), h("div", Oe, [
-                s("img", {
-                  src: c.thumbnailUrl,
+    const props = __props;
+    const emit = __emit;
+    const handleEmptyContextMenu = (e) => {
+      const target = e.target;
+      if (!target.closest(".file-grid-item")) {
+        emit("contextMenuEmpty", e);
+      }
+    };
+    const hasThumbnail = (item) => {
+      var _a;
+      if (item.type === FileType.APPLICATION && ((_a = props.getAppIconUrl) == null ? void 0 : _a.call(props, item))) {
+        return true;
+      }
+      if (item.type === FileType.IMAGE) {
+        return !!item.thumbnailUrl;
+      }
+      if (item.type === FileType.VIDEO) {
+        return !!item.thumbnailUrl;
+      }
+      return false;
+    };
+    const handleRename = (item, e) => {
+      const input = e.target;
+      const newName = input.value.trim();
+      if (newName && newName !== item.name) {
+        emit("rename", item, newName);
+      } else {
+        emit("renameCancel", item);
+      }
+    };
+    const handleEnterKey = (e) => {
+      e.target.blur();
+    };
+    const handleEscapeKey = (e) => {
+      const input = e.target;
+      const item = props.items.find((i) => i.id === props.editingId);
+      if (item) {
+        input.value = item.name;
+      }
+      input.blur();
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "file-grid",
+        onContextmenu: withModifiers(handleEmptyContextMenu, ["prevent"])
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+          var _a;
+          return openBlock(), createElementBlock("div", {
+            key: item.id,
+            draggable: __props.editingId !== item.id,
+            onDragstart: ($event) => _ctx.$emit("dragStart", $event, item),
+            onDragover: withModifiers(($event) => _ctx.$emit("dragOver", $event, item), ["prevent"]),
+            onDragleave: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("dragLeave", $event)),
+            onDrop: withModifiers(($event) => _ctx.$emit("drop", $event, item), ["prevent"]),
+            onClick: withModifiers(($event) => _ctx.$emit("select", item, $event), ["stop"]),
+            onDblclick: withModifiers(($event) => _ctx.$emit("open", item), ["stop"]),
+            onContextmenu: withModifiers(($event) => _ctx.$emit("contextMenu", item, $event), ["prevent", "stop"]),
+            class: normalizeClass([
+              "file-grid-item",
+              __props.selectedIds.has(item.id) && __props.editingId !== item.id ? "file-grid-item--selected" : __props.dragOverId === item.id ? "file-grid-item--drag-over" : "file-grid-item--normal"
+            ])
+          }, [
+            createElementVNode("div", _hoisted_2$b, [
+              item.type === unref(FileType).APPLICATION && ((_a = __props.getAppIconUrl) == null ? void 0 : _a.call(__props, item)) ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: __props.getAppIconUrl(item),
+                alt: item.name,
+                class: normalizeClass([
+                  "file-grid-item-thumbnail file-grid-item-thumbnail--application",
+                  __props.selectedIds.has(item.id) && __props.editingId !== item.id ? "file-grid-item-thumbnail--selected" : ""
+                ])
+              }, null, 10, _hoisted_3$8)) : hasThumbnail(item) ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                item.type === unref(FileType).VIDEO && item.thumbnailUrl ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
+                  createElementVNode("img", {
+                    src: item.thumbnailUrl,
+                    class: "file-grid-item-thumbnail",
+                    alt: item.name,
+                    onError: ($event) => _ctx.$emit("thumbnailError", item, $event)
+                  }, null, 40, _hoisted_5$7),
+                  _cache[1] || (_cache[1] = createElementVNode("div", { class: "file-grid-item-video-play" }, [
+                    createElementVNode("div", { class: "file-grid-item-video-play-icon" })
+                  ], -1))
+                ])) : item.thumbnailUrl ? (openBlock(), createElementBlock("img", {
+                  key: 1,
+                  src: item.thumbnailUrl,
+                  alt: item.name,
                   class: "file-grid-item-thumbnail",
-                  alt: c.name,
-                  onError: (M) => n.$emit("thumbnailError", c, M)
-                }, null, 40, Le),
-                C[1] || (C[1] = s("div", { class: "file-grid-item-video-play" }, [
-                  s("div", { class: "file-grid-item-video-play-icon" })
-                ], -1))
-              ])) : c.thumbnailUrl ? (a(), h("img", {
+                  onError: ($event) => _ctx.$emit("thumbnailError", item, $event)
+                }, null, 40, _hoisted_6$6)) : createCommentVNode("", true)
+              ], 64)) : (openBlock(), createBlock(FileIcon, {
+                key: 2,
+                type: item.type,
+                name: item.name,
+                size: 48
+              }, null, 8, ["type", "name"]))
+            ]),
+            createElementVNode("div", _hoisted_7$6, [
+              __props.editingId === item.id ? (openBlock(), createElementBlock("input", {
+                key: 0,
+                type: "text",
+                class: "file-grid-item-rename-input",
+                value: item.name,
+                onBlur: ($event) => handleRename(item, $event),
+                onKeydown: [
+                  withKeys(handleEnterKey, ["enter"]),
+                  withKeys(handleEscapeKey, ["escape"])
+                ],
+                ref_for: true,
+                ref: "renameInput",
+                autofocus: ""
+              }, null, 40, _hoisted_8$5)) : (openBlock(), createElementBlock("span", {
                 key: 1,
-                src: c.thumbnailUrl,
-                alt: c.name,
-                class: "file-grid-item-thumbnail",
-                onError: (M) => n.$emit("thumbnailError", c, M)
-              }, null, 40, Te)) : j("", !0)
-            ], 64)) : (a(), H(be, {
-              key: 2,
-              type: c.type,
-              name: c.name,
-              size: 48
-            }, null, 8, ["type", "name"]))
-          ]),
-          s("div", Ae, [
-            e.editingId === c.id ? (a(), h("input", {
-              key: 0,
-              type: "text",
-              class: "file-grid-item-rename-input",
-              value: c.name,
-              onBlur: (M) => v(c, M),
-              onKeydown: [
-                ce(b, ["enter"]),
-                ce(u, ["escape"])
-              ],
-              ref_for: !0,
-              ref: "renameInput",
-              autofocus: ""
-            }, null, 40, Ne)) : (a(), h("span", {
-              key: 1,
-              onClick: R((M) => n.$emit("nameClick", c, M), ["stop"]),
-              class: B([
-                "file-grid-item-name",
-                e.selectedIds.has(c.id) ? "file-grid-item-name--selected" : ""
-              ]),
-              title: c.name
-            }, [
-              l(c).ext ? (a(), h(G, { key: 0 }, [
-                s("span", Ue, z(l(c).baseName), 1),
-                s("span", Fe, z(l(c).ext), 1)
-              ], 64)) : (a(), h("span", We, z(c.name), 1))
-            ], 10, Pe))
-          ])
-        ], 42, De);
-      }), 128))
-    ], 32));
+                onClick: withModifiers(($event) => _ctx.$emit("nameClick", item, $event), ["stop"]),
+                class: normalizeClass([
+                  "file-grid-item-name",
+                  __props.selectedIds.has(item.id) ? "file-grid-item-name--selected" : ""
+                ]),
+                title: item.name
+              }, [
+                getFileNameParts(item).ext ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createElementVNode("span", _hoisted_10$3, toDisplayString(getFileNameParts(item).baseName), 1),
+                  createElementVNode("span", _hoisted_11$3, toDisplayString(getFileNameParts(item).ext), 1)
+                ], 64)) : (openBlock(), createElementBlock("span", _hoisted_12$3, toDisplayString(item.name), 1))
+              ], 10, _hoisted_9$5))
+            ])
+          ], 42, _hoisted_1$c);
+        }), 128))
+      ], 32);
+    };
   }
-}), Be = /* @__PURE__ */ K(Re, [["__scopeId", "data-v-7303a333"]]), He = { class: "sort-indicator" }, Ve = /* @__PURE__ */ q({
+});
+const FileGrid = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__scopeId", "data-v-7303a333"]]);
+const _hoisted_1$b = { class: "sort-indicator" };
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "SortIndicator",
   props: {
     direction: {}
   },
-  setup(e) {
-    return (g, t) => (a(), h("span", He, [
-      N(O(T), {
-        icon: e.direction === "asc" ? "lucide:chevron-up" : "lucide:chevron-down",
-        width: 12,
-        height: 12
-      }, null, 8, ["icon"])
-    ]));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", _hoisted_1$b, [
+        createVNode(unref(Icon), {
+          icon: __props.direction === "asc" ? "lucide:chevron-up" : "lucide:chevron-down",
+          width: 12,
+          height: 12
+        }, null, 8, ["icon"])
+      ]);
+    };
   }
-}), ae = /* @__PURE__ */ K(Ve, [["__scopeId", "data-v-06e188ee"]]), _e = { class: "file-list-table" }, Ge = { class: "file-list-header" }, qe = { class: "file-list-body" }, Ke = ["draggable", "onDragstart", "onDragover", "onDrop", "onClick", "onDblclick", "onContextmenu"], Xe = { class: "file-list-cell file-list-cell--name" }, Ye = ["value", "onBlur"], Je = ["onClick"], Qe = /* @__PURE__ */ q({
+});
+const SortIndicator = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-06e188ee"]]);
+const _hoisted_1$a = { class: "file-list-table" };
+const _hoisted_2$a = { class: "file-list-header" };
+const _hoisted_3$7 = { class: "file-list-body" };
+const _hoisted_4$7 = ["draggable", "onDragstart", "onDragover", "onDrop", "onClick", "onDblclick", "onContextmenu"];
+const _hoisted_5$6 = { class: "file-list-cell file-list-cell--name" };
+const _hoisted_6$5 = ["value", "onBlur"];
+const _hoisted_7$5 = ["onClick"];
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "FileList",
   props: {
     items: {},
@@ -1356,489 +1447,653 @@ const je = /* @__PURE__ */ q({
     dragOverId: {}
   },
   emits: ["select", "open", "contextMenu", "contextMenuEmpty", "nameClick", "rename", "renameCancel", "sort", "dragStart", "dragOver", "dragLeave", "drop"],
-  setup(e, { emit: g }) {
-    const t = e, r = g, l = (v) => {
-      v.target.closest("tr") || r("contextMenuEmpty", v);
-    }, i = (v) => ({
-      [d.FOLDER]: "文件夹",
-      [d.FILE]: "文件",
-      [d.IMAGE]: "图片",
-      [d.VIDEO]: "视频",
-      [d.MUSIC]: "音频",
-      [d.DOCUMENT]: "文档",
-      [d.CODE]: "代码",
-      [d.TEXT]: "文本",
-      [d.PDF]: "PDF",
-      [d.ARCHIVE]: "压缩包",
-      [d.APPLICATION]: "应用程序",
-      [d.UNKNOWN]: "未知"
-    })[v] || v, w = (v, b) => {
-      const n = b.target.value.trim();
-      n && n !== v.name ? r("rename", v, n) : r("renameCancel", v);
-    }, I = (v) => {
-      v.target.blur();
-    }, m = (v) => {
-      const b = v.target, u = t.items.find((n) => n.id === t.editingId);
-      u && (b.value = u.name), b.blur();
-    };
-    return (v, b) => {
-      var u, n, C, c;
-      return a(), h("div", {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleEmptyContextMenu = (e) => {
+      const target = e.target;
+      if (!target.closest("tr")) {
+        emit("contextMenuEmpty", e);
+      }
+    };
+    const getTypeLabel = (type) => {
+      const labels = {
+        [FileType.FOLDER]: "文件夹",
+        [FileType.FILE]: "文件",
+        [FileType.IMAGE]: "图片",
+        [FileType.VIDEO]: "视频",
+        [FileType.MUSIC]: "音频",
+        [FileType.DOCUMENT]: "文档",
+        [FileType.CODE]: "代码",
+        [FileType.TEXT]: "文本",
+        [FileType.PDF]: "PDF",
+        [FileType.ARCHIVE]: "压缩包",
+        [FileType.APPLICATION]: "应用程序",
+        [FileType.UNKNOWN]: "未知"
+      };
+      return labels[type] || type;
+    };
+    const handleRename = (item, e) => {
+      const input = e.target;
+      const newName = input.value.trim();
+      if (newName && newName !== item.name) {
+        emit("rename", item, newName);
+      } else {
+        emit("renameCancel", item);
+      }
+    };
+    const handleEnterKey = (e) => {
+      e.target.blur();
+    };
+    const handleEscapeKey = (e) => {
+      const input = e.target;
+      const item = props.items.find((i) => i.id === props.editingId);
+      if (item) {
+        input.value = item.name;
+      }
+      input.blur();
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c, _d;
+      return openBlock(), createElementBlock("div", {
         class: "file-list",
-        onContextmenu: R(l, ["prevent"])
+        onContextmenu: withModifiers(handleEmptyContextMenu, ["prevent"])
       }, [
-        s("table", _e, [
-          s("thead", Ge, [
-            s("tr", null, [
-              s("th", {
+        createElementVNode("table", _hoisted_1$a, [
+          createElementVNode("thead", _hoisted_2$a, [
+            createElementVNode("tr", null, [
+              createElementVNode("th", {
                 class: "file-list-header-cell file-list-header-cell--name",
-                onClick: b[0] || (b[0] = (y) => v.$emit("sort", "name"))
+                onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("sort", "name"))
               }, [
-                b[5] || (b[5] = se(" 名称 ", -1)),
-                ((u = e.sortConfig) == null ? void 0 : u.field) === "name" ? (a(), H(ae, {
+                _cache[5] || (_cache[5] = createTextVNode(" 名称 ", -1)),
+                ((_a = __props.sortConfig) == null ? void 0 : _a.field) === "name" ? (openBlock(), createBlock(SortIndicator, {
                   key: 0,
-                  direction: e.sortConfig.direction
-                }, null, 8, ["direction"])) : j("", !0)
+                  direction: __props.sortConfig.direction
+                }, null, 8, ["direction"])) : createCommentVNode("", true)
               ]),
-              s("th", {
+              createElementVNode("th", {
                 class: "file-list-header-cell",
-                onClick: b[1] || (b[1] = (y) => v.$emit("sort", "dateModified"))
+                onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("sort", "dateModified"))
               }, [
-                b[6] || (b[6] = se(" 修改日期 ", -1)),
-                ((n = e.sortConfig) == null ? void 0 : n.field) === "dateModified" ? (a(), H(ae, {
+                _cache[6] || (_cache[6] = createTextVNode(" 修改日期 ", -1)),
+                ((_b = __props.sortConfig) == null ? void 0 : _b.field) === "dateModified" ? (openBlock(), createBlock(SortIndicator, {
                   key: 0,
-                  direction: e.sortConfig.direction
-                }, null, 8, ["direction"])) : j("", !0)
+                  direction: __props.sortConfig.direction
+                }, null, 8, ["direction"])) : createCommentVNode("", true)
               ]),
-              s("th", {
+              createElementVNode("th", {
                 class: "file-list-header-cell",
-                onClick: b[2] || (b[2] = (y) => v.$emit("sort", "size"))
+                onClick: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("sort", "size"))
               }, [
-                b[7] || (b[7] = se(" 大小 ", -1)),
-                ((C = e.sortConfig) == null ? void 0 : C.field) === "size" ? (a(), H(ae, {
+                _cache[7] || (_cache[7] = createTextVNode(" 大小 ", -1)),
+                ((_c = __props.sortConfig) == null ? void 0 : _c.field) === "size" ? (openBlock(), createBlock(SortIndicator, {
                   key: 0,
-                  direction: e.sortConfig.direction
-                }, null, 8, ["direction"])) : j("", !0)
+                  direction: __props.sortConfig.direction
+                }, null, 8, ["direction"])) : createCommentVNode("", true)
               ]),
-              s("th", {
+              createElementVNode("th", {
                 class: "file-list-header-cell",
-                onClick: b[3] || (b[3] = (y) => v.$emit("sort", "type"))
+                onClick: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("sort", "type"))
               }, [
-                b[8] || (b[8] = se(" 类型 ", -1)),
-                ((c = e.sortConfig) == null ? void 0 : c.field) === "type" ? (a(), H(ae, {
+                _cache[8] || (_cache[8] = createTextVNode(" 类型 ", -1)),
+                ((_d = __props.sortConfig) == null ? void 0 : _d.field) === "type" ? (openBlock(), createBlock(SortIndicator, {
                   key: 0,
-                  direction: e.sortConfig.direction
-                }, null, 8, ["direction"])) : j("", !0)
+                  direction: __props.sortConfig.direction
+                }, null, 8, ["direction"])) : createCommentVNode("", true)
               ])
             ])
           ]),
-          s("tbody", qe, [
-            (a(!0), h(G, null, J(e.items, (y, M) => (a(), h("tr", {
-              key: y.id,
-              draggable: e.editingId !== y.id,
-              onDragstart: (S) => v.$emit("dragStart", S, y),
-              onDragover: R((S) => v.$emit("dragOver", S, y), ["prevent"]),
-              onDragleave: b[4] || (b[4] = (S) => v.$emit("dragLeave", S)),
-              onDrop: R((S) => v.$emit("drop", S, y), ["prevent"]),
-              onClick: R((S) => v.$emit("select", y, S), ["stop"]),
-              onDblclick: R((S) => v.$emit("open", y), ["stop"]),
-              onContextmenu: R((S) => v.$emit("contextMenu", y, S), ["prevent", "stop"]),
-              class: B([
-                "file-list-row",
-                e.selectedIds.has(y.id) ? "file-list-row--selected" : e.dragOverId === y.id ? "file-list-row--drag-over" : M % 2 === 0 ? "file-list-row--even" : "file-list-row--odd"
-              ])
-            }, [
-              s("td", Xe, [
-                N(be, {
-                  type: y.type,
-                  name: y.name,
-                  size: 16
-                }, null, 8, ["type", "name"]),
-                e.editingId === y.id ? (a(), h("input", {
-                  key: 0,
-                  type: "text",
-                  class: "file-list-rename-input",
-                  value: y.name,
-                  onBlur: (S) => w(y, S),
-                  onKeydown: [
-                    ce(I, ["enter"]),
-                    ce(m, ["escape"])
-                  ],
-                  autofocus: ""
-                }, null, 40, Ye)) : (a(), h("span", {
-                  key: 1,
-                  onClick: R((S) => v.$emit("nameClick", y, S), ["stop"]),
-                  class: B([
-                    "file-list-name",
-                    e.selectedIds.has(y.id) ? "file-list-name--selected" : ""
-                  ])
-                }, z(y.name), 11, Je))
-              ]),
-              s("td", {
-                class: B(["file-list-cell", e.selectedIds.has(y.id) ? "file-list-cell--selected" : ""])
-              }, z(y.dateModified || "--"), 3),
-              s("td", {
-                class: B(["file-list-cell file-list-cell--size", e.selectedIds.has(y.id) ? "file-list-cell--selected" : ""])
-              }, z(y.size || "--"), 3),
-              s("td", {
-                class: B(["file-list-cell", e.selectedIds.has(y.id) ? "file-list-cell--selected" : ""])
-              }, z(i(y.type)), 3)
-            ], 42, Ke))), 128))
+          createElementVNode("tbody", _hoisted_3$7, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+              return openBlock(), createElementBlock("tr", {
+                key: item.id,
+                draggable: __props.editingId !== item.id,
+                onDragstart: ($event) => _ctx.$emit("dragStart", $event, item),
+                onDragover: withModifiers(($event) => _ctx.$emit("dragOver", $event, item), ["prevent"]),
+                onDragleave: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("dragLeave", $event)),
+                onDrop: withModifiers(($event) => _ctx.$emit("drop", $event, item), ["prevent"]),
+                onClick: withModifiers(($event) => _ctx.$emit("select", item, $event), ["stop"]),
+                onDblclick: withModifiers(($event) => _ctx.$emit("open", item), ["stop"]),
+                onContextmenu: withModifiers(($event) => _ctx.$emit("contextMenu", item, $event), ["prevent", "stop"]),
+                class: normalizeClass([
+                  "file-list-row",
+                  __props.selectedIds.has(item.id) ? "file-list-row--selected" : __props.dragOverId === item.id ? "file-list-row--drag-over" : index % 2 === 0 ? "file-list-row--even" : "file-list-row--odd"
+                ])
+              }, [
+                createElementVNode("td", _hoisted_5$6, [
+                  createVNode(FileIcon, {
+                    type: item.type,
+                    name: item.name,
+                    size: 16
+                  }, null, 8, ["type", "name"]),
+                  __props.editingId === item.id ? (openBlock(), createElementBlock("input", {
+                    key: 0,
+                    type: "text",
+                    class: "file-list-rename-input",
+                    value: item.name,
+                    onBlur: ($event) => handleRename(item, $event),
+                    onKeydown: [
+                      withKeys(handleEnterKey, ["enter"]),
+                      withKeys(handleEscapeKey, ["escape"])
+                    ],
+                    autofocus: ""
+                  }, null, 40, _hoisted_6$5)) : (openBlock(), createElementBlock("span", {
+                    key: 1,
+                    onClick: withModifiers(($event) => _ctx.$emit("nameClick", item, $event), ["stop"]),
+                    class: normalizeClass([
+                      "file-list-name",
+                      __props.selectedIds.has(item.id) ? "file-list-name--selected" : ""
+                    ])
+                  }, toDisplayString(item.name), 11, _hoisted_7$5))
+                ]),
+                createElementVNode("td", {
+                  class: normalizeClass(["file-list-cell", __props.selectedIds.has(item.id) ? "file-list-cell--selected" : ""])
+                }, toDisplayString(item.dateModified || "--"), 3),
+                createElementVNode("td", {
+                  class: normalizeClass(["file-list-cell file-list-cell--size", __props.selectedIds.has(item.id) ? "file-list-cell--selected" : ""])
+                }, toDisplayString(item.size || "--"), 3),
+                createElementVNode("td", {
+                  class: normalizeClass(["file-list-cell", __props.selectedIds.has(item.id) ? "file-list-cell--selected" : ""])
+                }, toDisplayString(getTypeLabel(item.type)), 3)
+              ], 42, _hoisted_4$7);
+            }), 128))
           ])
         ])
       ], 32);
     };
   }
-}), Ze = /* @__PURE__ */ K(Qe, [["__scopeId", "data-v-0635c948"]]), et = {
+});
+const FileList = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-0635c948"]]);
+const _hoisted_1$9 = {
   key: 0,
   class: "file-list-view-loading"
-}, tt = {
+};
+const _hoisted_2$9 = {
   key: 1,
   class: "file-list-view-empty"
-}, st = /* @__PURE__ */ q({
+};
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "FileListView",
   props: {
     items: {},
     viewMode: { default: "grid" },
-    loading: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: false },
     adapter: {},
     currentPath: {},
     getAppIconUrl: {}
   },
   emits: ["open", "selection-change", "context-menu", "context-menu-empty", "rename", "sort-change", "move"],
-  setup(e, { expose: g, emit: t }) {
-    const r = e, l = t, i = D(/* @__PURE__ */ new Set()), w = D(null), I = D(null), m = D({ field: "name", direction: "asc" }), v = F(
-      () => r.items.filter((k) => i.value.has(k.id))
-    ), b = (k, E) => {
-      if (E.metaKey || E.ctrlKey) {
-        const P = new Set(i.value);
-        P.has(k.id) ? P.delete(k.id) : P.add(k.id), i.value = P;
-      } else if (E.shiftKey && i.value.size > 0) {
-        const P = Array.from(i.value).pop(), _ = r.items.findIndex((Q) => Q.id === P), X = r.items.findIndex((Q) => Q.id === k.id), oe = Math.min(_, X), le = Math.max(_, X), ue = /* @__PURE__ */ new Set();
-        for (let Q = oe; Q <= le; Q++)
-          ue.add(r.items[Q].id);
-        i.value = ue;
-      } else
-        i.value = /* @__PURE__ */ new Set([k.id]);
-      l("selection-change", i.value, v.value);
-    }, u = (k) => {
-      k.target === k.currentTarget && n();
-    }, n = () => {
-      i.value = /* @__PURE__ */ new Set(), l("selection-change", i.value, []);
-    }, C = (k) => {
-      l("open", k);
-    }, c = (k, E) => {
-      i.value.has(k.id) || (i.value = /* @__PURE__ */ new Set([k.id]), l("selection-change", i.value, [k])), l("context-menu", E, k);
-    }, y = (k) => {
-      const E = k.target;
-      !E.closest(".file-grid-item") && !E.closest(".file-list-row") && (n(), l("context-menu-empty", k));
-    }, M = (k) => {
-      n(), l("context-menu-empty", k);
-    }, S = (k, E) => {
-      i.value.has(k.id) && i.value.size === 1 && setTimeout(() => {
-        i.value.has(k.id) && (w.value = k.id);
-      }, 500);
-    }, L = (k, E) => {
-      E && E !== k.name && l("rename", k, E), w.value = null;
-    }, $ = () => {
-      w.value = null;
-    }, f = (k) => {
-      m.value.field === k ? m.value.direction = m.value.direction === "asc" ? "desc" : "asc" : (m.value.field = k, m.value.direction = "asc"), l("sort-change", { ...m.value });
-    }, A = (k, E) => {
-      var P;
-      i.value.has(E.id) || (i.value = /* @__PURE__ */ new Set([E.id]), l("selection-change", i.value, [E])), (P = k.dataTransfer) == null || P.setData("text/plain", JSON.stringify([...i.value]));
-    }, U = (k, E) => {
-      E.type === d.FOLDER && !i.value.has(E.id) && (I.value = E.id);
-    }, o = () => {
-      I.value = null;
-    }, x = (k, E) => {
-      var _;
-      if (I.value = null, E.type !== d.FOLDER) return;
-      const P = (_ = k.dataTransfer) == null ? void 0 : _.getData("text/plain");
-      if (P)
-        try {
-          const X = JSON.parse(P);
-          if (X.includes(E.id)) return;
-          l("move", X, E.id), n();
-        } catch (X) {
-          console.error("拖拽解析失败:", X);
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selectedIds = ref(/* @__PURE__ */ new Set());
+    const editingId = ref(null);
+    const dragOverId = ref(null);
+    const sortConfig = ref({ field: "name", direction: "asc" });
+    const selectedItems = computed(
+      () => props.items.filter((item) => selectedIds.value.has(item.id))
+    );
+    const handleSelect = (item, e) => {
+      if (e.metaKey || e.ctrlKey) {
+        const newSet = new Set(selectedIds.value);
+        if (newSet.has(item.id)) {
+          newSet.delete(item.id);
+        } else {
+          newSet.add(item.id);
         }
+        selectedIds.value = newSet;
+      } else if (e.shiftKey && selectedIds.value.size > 0) {
+        const lastId = Array.from(selectedIds.value).pop();
+        const lastIndex = props.items.findIndex((i) => i.id === lastId);
+        const currentIndex = props.items.findIndex((i) => i.id === item.id);
+        const start = Math.min(lastIndex, currentIndex);
+        const end = Math.max(lastIndex, currentIndex);
+        const newSet = /* @__PURE__ */ new Set();
+        for (let i = start; i <= end; i++) {
+          newSet.add(props.items[i].id);
+        }
+        selectedIds.value = newSet;
+      } else {
+        selectedIds.value = /* @__PURE__ */ new Set([item.id]);
+      }
+      emit("selection-change", selectedIds.value, selectedItems.value);
+    };
+    const handleEmptyClick = (e) => {
+      if (e.target === e.currentTarget) {
+        clearSelection();
+      }
+    };
+    const clearSelection = () => {
+      selectedIds.value = /* @__PURE__ */ new Set();
+      emit("selection-change", selectedIds.value, []);
+    };
+    const handleOpen = (item) => {
+      emit("open", item);
+    };
+    const handleContextMenu = (item, e) => {
+      if (!selectedIds.value.has(item.id)) {
+        selectedIds.value = /* @__PURE__ */ new Set([item.id]);
+        emit("selection-change", selectedIds.value, [item]);
+      }
+      emit("context-menu", e, item);
+    };
+    const handleEmptyContextMenu = (e) => {
+      const target = e.target;
+      if (!target.closest(".file-grid-item") && !target.closest(".file-list-row")) {
+        clearSelection();
+        emit("context-menu-empty", e);
+      }
+    };
+    const handleEmptyContextMenuFromChild = (e) => {
+      clearSelection();
+      emit("context-menu-empty", e);
+    };
+    const handleNameClick = (item, e) => {
+      if (selectedIds.value.has(item.id) && selectedIds.value.size === 1) {
+        setTimeout(() => {
+          if (selectedIds.value.has(item.id)) {
+            editingId.value = item.id;
+          }
+        }, 500);
+      }
+    };
+    const handleRename = (item, newName) => {
+      if (newName && newName !== item.name) {
+        emit("rename", item, newName);
+      }
+      editingId.value = null;
+    };
+    const handleRenameCancel = () => {
+      editingId.value = null;
+    };
+    const handleSort = (field) => {
+      if (sortConfig.value.field === field) {
+        sortConfig.value.direction = sortConfig.value.direction === "asc" ? "desc" : "asc";
+      } else {
+        sortConfig.value.field = field;
+        sortConfig.value.direction = "asc";
+      }
+      emit("sort-change", { ...sortConfig.value });
+    };
+    const handleDragStart = (e, item) => {
+      var _a;
+      if (!selectedIds.value.has(item.id)) {
+        selectedIds.value = /* @__PURE__ */ new Set([item.id]);
+        emit("selection-change", selectedIds.value, [item]);
+      }
+      (_a = e.dataTransfer) == null ? void 0 : _a.setData("text/plain", JSON.stringify([...selectedIds.value]));
+    };
+    const handleDragOver = (e, item) => {
+      if (item.type === FileType.FOLDER && !selectedIds.value.has(item.id)) {
+        dragOverId.value = item.id;
+      }
+    };
+    const handleDragLeave = () => {
+      dragOverId.value = null;
+    };
+    const handleDrop = (e, targetItem) => {
+      var _a;
+      dragOverId.value = null;
+      if (targetItem.type !== FileType.FOLDER) return;
+      const data = (_a = e.dataTransfer) == null ? void 0 : _a.getData("text/plain");
+      if (!data) return;
+      try {
+        const draggedIds = JSON.parse(data);
+        if (draggedIds.includes(targetItem.id)) return;
+        emit("move", draggedIds, targetItem.id);
+        clearSelection();
+      } catch (error) {
+        console.error("拖拽解析失败:", error);
+      }
+    };
+    const startRename = (id) => {
+      editingId.value = id;
+    };
+    const selectAll = () => {
+      selectedIds.value = new Set(props.items.map((i) => i.id));
+      emit("selection-change", selectedIds.value, props.items);
+    };
+    __expose({
+      clearSelection,
+      startRename,
+      selectAll,
+      selectedIds,
+      selectedItems
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "file-list-view",
+        onClick: handleEmptyClick,
+        onContextmenu: withModifiers(handleEmptyContextMenu, ["prevent"])
+      }, [
+        __props.loading ? (openBlock(), createElementBlock("div", _hoisted_1$9, [..._cache[0] || (_cache[0] = [
+          createElementVNode("div", { class: "file-list-view-spinner" }, null, -1),
+          createElementVNode("p", null, "加载中...", -1)
+        ])])) : __props.items.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_2$9, [
+          createVNode(unref(Icon), {
+            icon: "lucide:folder-open",
+            width: "64",
+            height: "64",
+            class: "file-list-view-empty-icon"
+          }),
+          _cache[1] || (_cache[1] = createElementVNode("p", null, "文件夹为空", -1))
+        ])) : __props.viewMode === "grid" ? (openBlock(), createBlock(FileGrid, {
+          key: 2,
+          items: __props.items,
+          "selected-ids": selectedIds.value,
+          "editing-id": editingId.value,
+          "drag-over-id": dragOverId.value,
+          "get-app-icon-url": __props.getAppIconUrl,
+          onSelect: handleSelect,
+          onOpen: handleOpen,
+          onContextMenu: handleContextMenu,
+          onContextMenuEmpty: handleEmptyContextMenuFromChild,
+          onNameClick: handleNameClick,
+          onRename: handleRename,
+          onRenameCancel: handleRenameCancel,
+          onDragStart: handleDragStart,
+          onDragOver: handleDragOver,
+          onDragLeave: handleDragLeave,
+          onDrop: handleDrop
+        }, null, 8, ["items", "selected-ids", "editing-id", "drag-over-id", "get-app-icon-url"])) : (openBlock(), createBlock(FileList, {
+          key: 3,
+          items: __props.items,
+          "selected-ids": selectedIds.value,
+          "editing-id": editingId.value,
+          "drag-over-id": dragOverId.value,
+          "sort-config": sortConfig.value,
+          onSelect: handleSelect,
+          onOpen: handleOpen,
+          onContextMenu: handleContextMenu,
+          onContextMenuEmpty: handleEmptyContextMenuFromChild,
+          onNameClick: handleNameClick,
+          onRename: handleRename,
+          onRenameCancel: handleRenameCancel,
+          onSort: handleSort,
+          onDragStart: handleDragStart,
+          onDragOver: handleDragOver,
+          onDragLeave: handleDragLeave,
+          onDrop: handleDrop
+        }, null, 8, ["items", "selected-ids", "editing-id", "drag-over-id", "sort-config"]))
+      ], 32);
     };
-    return g({
-      clearSelection: n,
-      startRename: (k) => {
-        w.value = k;
-      },
-      selectAll: () => {
-        i.value = new Set(r.items.map((k) => k.id)), l("selection-change", i.value, r.items);
-      },
-      selectedIds: i,
-      selectedItems: v
-    }), (k, E) => (a(), h("div", {
-      class: "file-list-view",
-      onClick: u,
-      onContextmenu: R(y, ["prevent"])
-    }, [
-      e.loading ? (a(), h("div", et, [...E[0] || (E[0] = [
-        s("div", { class: "file-list-view-spinner" }, null, -1),
-        s("p", null, "加载中...", -1)
-      ])])) : e.items.length === 0 ? (a(), h("div", tt, [
-        N(O(T), {
-          icon: "lucide:folder-open",
-          width: "64",
-          height: "64",
-          class: "file-list-view-empty-icon"
-        }),
-        E[1] || (E[1] = s("p", null, "文件夹为空", -1))
-      ])) : e.viewMode === "grid" ? (a(), H(Be, {
-        key: 2,
-        items: e.items,
-        "selected-ids": i.value,
-        "editing-id": w.value,
-        "drag-over-id": I.value,
-        "get-app-icon-url": e.getAppIconUrl,
-        onSelect: b,
-        onOpen: C,
-        onContextMenu: c,
-        onContextMenuEmpty: M,
-        onNameClick: S,
-        onRename: L,
-        onRenameCancel: $,
-        onDragStart: A,
-        onDragOver: U,
-        onDragLeave: o,
-        onDrop: x
-      }, null, 8, ["items", "selected-ids", "editing-id", "drag-over-id", "get-app-icon-url"])) : (a(), H(Ze, {
-        key: 3,
-        items: e.items,
-        "selected-ids": i.value,
-        "editing-id": w.value,
-        "drag-over-id": I.value,
-        "sort-config": m.value,
-        onSelect: b,
-        onOpen: C,
-        onContextMenu: c,
-        onContextMenuEmpty: M,
-        onNameClick: S,
-        onRename: L,
-        onRenameCancel: $,
-        onSort: f,
-        onDragStart: A,
-        onDragOver: U,
-        onDragLeave: o,
-        onDrop: x
-      }, null, 8, ["items", "selected-ids", "editing-id", "drag-over-id", "sort-config"]))
-    ], 32));
   }
-}), tn = /* @__PURE__ */ K(st, [["__scopeId", "data-v-8a3b7e12"]]), nt = { class: "file-sidebar" }, it = { class: "file-sidebar-section-title" }, ot = { class: "file-sidebar-list" }, lt = ["onClick"], at = /* @__PURE__ */ q({
+});
+const FileListView = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-8a3b7e12"]]);
+const _hoisted_1$8 = { class: "file-sidebar" };
+const _hoisted_2$8 = { class: "file-sidebar-section-title" };
+const _hoisted_3$6 = { class: "file-sidebar-list" };
+const _hoisted_4$6 = ["onClick"];
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FileSidebar",
   props: {
     sections: {},
     activeId: {}
   },
   emits: ["navigate"],
-  setup(e, { emit: g }) {
-    const t = g, r = (i) => i ? i.includes(":") ? i : `lucide:${i.toLowerCase()}` : "mdi:folder", l = (i) => {
-      t("navigate", i);
-    };
-    return (i, w) => (a(), h("div", nt, [
-      (a(!0), h(G, null, J(e.sections, (I) => (a(), h("div", {
-        key: I.id,
-        class: "file-sidebar-section"
-      }, [
-        s("div", it, z(I.title), 1),
-        s("ul", ot, [
-          (a(!0), h(G, null, J(I.items, (m) => (a(), h("li", {
-            key: m.id,
-            onClick: (v) => l(m),
-            class: B([
-              "file-sidebar-item",
-              e.activeId === m.id ? "file-sidebar-item--active" : ""
-            ])
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const getIconName = (iconName) => {
+      if (!iconName) return "mdi:folder";
+      if (iconName.includes(":")) return iconName;
+      return `lucide:${iconName.toLowerCase()}`;
+    };
+    const handleNavigate = (item) => {
+      emit("navigate", item);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.sections, (section) => {
+          return openBlock(), createElementBlock("div", {
+            key: section.id,
+            class: "file-sidebar-section"
           }, [
-            N(O(T), {
-              icon: r(m.icon),
-              width: 18,
-              height: 18,
-              class: B(e.activeId === m.id ? "file-sidebar-item-icon--active" : "file-sidebar-item-icon")
-            }, null, 8, ["icon", "class"]),
-            s("span", null, z(m.label), 1)
-          ], 10, lt))), 128))
-        ])
-      ]))), 128))
-    ]));
+            createElementVNode("div", _hoisted_2$8, toDisplayString(section.title), 1),
+            createElementVNode("ul", _hoisted_3$6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
+                return openBlock(), createElementBlock("li", {
+                  key: item.id,
+                  onClick: ($event) => handleNavigate(item),
+                  class: normalizeClass([
+                    "file-sidebar-item",
+                    __props.activeId === item.id ? "file-sidebar-item--active" : ""
+                  ])
+                }, [
+                  createVNode(unref(Icon), {
+                    icon: getIconName(item.icon),
+                    width: 18,
+                    height: 18,
+                    class: normalizeClass(__props.activeId === item.id ? "file-sidebar-item-icon--active" : "file-sidebar-item-icon")
+                  }, null, 8, ["icon", "class"]),
+                  createElementVNode("span", null, toDisplayString(item.label), 1)
+                ], 10, _hoisted_4$6);
+              }), 128))
+            ])
+          ]);
+        }), 128))
+      ]);
+    };
   }
-}), sn = /* @__PURE__ */ K(at, [["__scopeId", "data-v-11104260"]]), rt = { class: "file-breadcrumb" }, ct = ["onClick"], dt = /* @__PURE__ */ q({
+});
+const FileSidebar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__scopeId", "data-v-11104260"]]);
+const _hoisted_1$7 = { class: "file-breadcrumb" };
+const _hoisted_2$7 = ["onClick"];
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "Breadcrumb",
   props: {
     items: {}
   },
   emits: ["navigate"],
-  setup(e, { emit: g }) {
-    const t = e, r = g, l = (i, w) => {
-      w < t.items.length - 1 && r("navigate", i, w);
-    };
-    return (i, w) => (a(), h("div", rt, [
-      (a(!0), h(G, null, J(e.items, (I, m) => (a(), h("span", {
-        key: I.id,
-        class: "file-breadcrumb-item"
-      }, [
-        s("span", {
-          onClick: (v) => l(I, m),
-          class: B([
-            "file-breadcrumb-link",
-            m === e.items.length - 1 ? "file-breadcrumb-link--current" : ""
-          ])
-        }, z(I.name), 11, ct),
-        m < e.items.length - 1 ? (a(), H(O(T), {
-          key: 0,
-          icon: "lucide:chevron-right",
-          width: 14,
-          height: 14,
-          class: "file-breadcrumb-separator"
-        })) : j("", !0)
-      ]))), 128))
-    ]));
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const handleClick = (item, index) => {
+      if (index < props.items.length - 1) {
+        emit("navigate", item, index);
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+          return openBlock(), createElementBlock("span", {
+            key: item.id,
+            class: "file-breadcrumb-item"
+          }, [
+            createElementVNode("span", {
+              onClick: ($event) => handleClick(item, index),
+              class: normalizeClass([
+                "file-breadcrumb-link",
+                index === __props.items.length - 1 ? "file-breadcrumb-link--current" : ""
+              ])
+            }, toDisplayString(item.name), 11, _hoisted_2$7),
+            index < __props.items.length - 1 ? (openBlock(), createBlock(unref(Icon), {
+              key: 0,
+              icon: "lucide:chevron-right",
+              width: 14,
+              height: 14,
+              class: "file-breadcrumb-separator"
+            })) : createCommentVNode("", true)
+          ]);
+        }), 128))
+      ]);
+    };
   }
-}), ut = /* @__PURE__ */ K(dt, [["__scopeId", "data-v-10c3c31a"]]), mt = { class: "file-toolbar-nav" }, gt = ["disabled"], pt = ["disabled"], ft = { class: "file-toolbar-breadcrumb" }, vt = {
+});
+const Breadcrumb = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-10c3c31a"]]);
+const _hoisted_1$6 = { class: "file-toolbar-nav" };
+const _hoisted_2$6 = ["disabled"];
+const _hoisted_3$5 = ["disabled"];
+const _hoisted_4$5 = { class: "file-toolbar-breadcrumb" };
+const _hoisted_5$5 = {
   key: 0,
   class: "file-toolbar-custom"
-}, ht = { class: "file-toolbar-actions" }, bt = {
+};
+const _hoisted_6$4 = { class: "file-toolbar-actions" };
+const _hoisted_7$4 = {
   key: 0,
   class: "file-toolbar-search"
-}, wt = ["value"], yt = {
+};
+const _hoisted_8$4 = ["value"];
+const _hoisted_9$4 = {
   key: 1,
   class: "file-toolbar-view-toggle"
-}, kt = /* @__PURE__ */ q({
+};
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "Toolbar",
   props: {
-    canGoBack: { type: Boolean, default: !1 },
-    canGoForward: { type: Boolean, default: !1 },
+    canGoBack: { type: Boolean, default: false },
+    canGoForward: { type: Boolean, default: false },
     breadcrumbs: { default: () => [] },
     viewMode: { default: "grid" },
     searchQuery: { default: "" },
-    showSearch: { type: Boolean, default: !1 },
-    showViewToggle: { type: Boolean, default: !0 },
-    draggable: { type: Boolean, default: !1 }
+    showSearch: { type: Boolean, default: false },
+    showViewToggle: { type: Boolean, default: true },
+    draggable: { type: Boolean, default: false }
   },
   emits: ["back", "forward", "breadcrumb-navigate", "update:viewMode", "update:searchQuery"],
-  setup(e, { emit: g }) {
-    const t = g;
-    return (r, l) => (a(), h("div", {
-      class: B(["file-toolbar", { "file-toolbar--draggable": e.draggable }])
-    }, [
-      s("div", mt, [
-        s("button", {
-          class: "file-toolbar-button",
-          onClick: l[0] || (l[0] = (i) => t("back")),
-          disabled: !e.canGoBack,
-          title: "后退"
-        }, [
-          N(O(T), {
-            icon: "lucide:chevron-left",
-            width: 18,
-            height: 18
-          })
-        ], 8, gt),
-        s("button", {
-          class: "file-toolbar-button",
-          onClick: l[1] || (l[1] = (i) => t("forward")),
-          disabled: !e.canGoForward,
-          title: "前进"
-        }, [
-          N(O(T), {
-            icon: "lucide:chevron-right",
-            width: 18,
-            height: 18
-          })
-        ], 8, pt)
-      ]),
-      s("div", ft, [
-        Z(r.$slots, "breadcrumb", {}, () => [
-          e.breadcrumbs.length > 0 ? (a(), H(ut, {
-            key: 0,
-            items: e.breadcrumbs,
-            onNavigate: l[2] || (l[2] = (i) => t("breadcrumb-navigate", i))
-          }, null, 8, ["items"])) : j("", !0)
-        ], !0)
-      ]),
-      r.$slots.default ? (a(), h("div", vt, [
-        Z(r.$slots, "default", {}, void 0, !0)
-      ])) : j("", !0),
-      s("div", ht, [
-        e.showSearch ? (a(), h("div", bt, [
-          N(O(T), {
-            icon: "lucide:search",
-            width: 16,
-            height: 16,
-            class: "file-toolbar-search-icon"
-          }),
-          s("input", {
-            type: "text",
-            value: e.searchQuery,
-            onInput: l[3] || (l[3] = (i) => t("update:searchQuery", i.target.value)),
-            placeholder: "搜索",
-            class: "file-toolbar-search-input"
-          }, null, 40, wt)
-        ])) : j("", !0),
-        e.showViewToggle ? (a(), h("div", yt, [
-          s("button", {
-            onClick: l[4] || (l[4] = (i) => t("update:viewMode", "grid")),
-            class: B(["file-toolbar-button", e.viewMode === "grid" ? "file-toolbar-button--active" : ""]),
-            title: "网格视图"
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["file-toolbar", { "file-toolbar--draggable": __props.draggable }])
+      }, [
+        createElementVNode("div", _hoisted_1$6, [
+          createElementVNode("button", {
+            class: "file-toolbar-button",
+            onClick: _cache[0] || (_cache[0] = ($event) => emit("back")),
+            disabled: !__props.canGoBack,
+            title: "后退"
           }, [
-            N(O(T), {
-              icon: "lucide:layout-grid",
+            createVNode(unref(Icon), {
+              icon: "lucide:chevron-left",
               width: 18,
               height: 18
             })
-          ], 2),
-          s("button", {
-            onClick: l[5] || (l[5] = (i) => t("update:viewMode", "list")),
-            class: B(["file-toolbar-button", e.viewMode === "list" ? "file-toolbar-button--active" : ""]),
-            title: "列表视图"
+          ], 8, _hoisted_2$6),
+          createElementVNode("button", {
+            class: "file-toolbar-button",
+            onClick: _cache[1] || (_cache[1] = ($event) => emit("forward")),
+            disabled: !__props.canGoForward,
+            title: "前进"
           }, [
-            N(O(T), {
-              icon: "lucide:list",
+            createVNode(unref(Icon), {
+              icon: "lucide:chevron-right",
               width: 18,
               height: 18
             })
-          ], 2)
-        ])) : j("", !0),
-        Z(r.$slots, "actions", {}, void 0, !0)
-      ])
-    ], 2));
+          ], 8, _hoisted_3$5)
+        ]),
+        createElementVNode("div", _hoisted_4$5, [
+          renderSlot(_ctx.$slots, "breadcrumb", {}, () => [
+            __props.breadcrumbs.length > 0 ? (openBlock(), createBlock(Breadcrumb, {
+              key: 0,
+              items: __props.breadcrumbs,
+              onNavigate: _cache[2] || (_cache[2] = (item) => emit("breadcrumb-navigate", item))
+            }, null, 8, ["items"])) : createCommentVNode("", true)
+          ], true)
+        ]),
+        _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_6$4, [
+          __props.showSearch ? (openBlock(), createElementBlock("div", _hoisted_7$4, [
+            createVNode(unref(Icon), {
+              icon: "lucide:search",
+              width: 16,
+              height: 16,
+              class: "file-toolbar-search-icon"
+            }),
+            createElementVNode("input", {
+              type: "text",
+              value: __props.searchQuery,
+              onInput: _cache[3] || (_cache[3] = ($event) => emit("update:searchQuery", $event.target.value)),
+              placeholder: "搜索",
+              class: "file-toolbar-search-input"
+            }, null, 40, _hoisted_8$4)
+          ])) : createCommentVNode("", true),
+          __props.showViewToggle ? (openBlock(), createElementBlock("div", _hoisted_9$4, [
+            createElementVNode("button", {
+              onClick: _cache[4] || (_cache[4] = ($event) => emit("update:viewMode", "grid")),
+              class: normalizeClass(["file-toolbar-button", __props.viewMode === "grid" ? "file-toolbar-button--active" : ""]),
+              title: "网格视图"
+            }, [
+              createVNode(unref(Icon), {
+                icon: "lucide:layout-grid",
+                width: 18,
+                height: 18
+              })
+            ], 2),
+            createElementVNode("button", {
+              onClick: _cache[5] || (_cache[5] = ($event) => emit("update:viewMode", "list")),
+              class: normalizeClass(["file-toolbar-button", __props.viewMode === "list" ? "file-toolbar-button--active" : ""]),
+              title: "列表视图"
+            }, [
+              createVNode(unref(Icon), {
+                icon: "lucide:list",
+                width: 18,
+                height: 18
+              })
+            ], 2)
+          ])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "actions", {}, void 0, true)
+        ])
+      ], 2);
+    };
   }
-}), nn = /* @__PURE__ */ K(kt, [["__scopeId", "data-v-d3a92980"]]), xt = { class: "file-status-bar" }, $t = { key: 0 }, Ct = /* @__PURE__ */ q({
+});
+const Toolbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-d3a92980"]]);
+const _hoisted_1$5 = { class: "file-status-bar" };
+const _hoisted_2$5 = { key: 0 };
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "StatusBar",
   props: {
     itemCount: { default: 0 },
     selectedCount: { default: 0 }
   },
-  setup(e) {
-    return (g, t) => (a(), h("div", xt, [
-      Z(g.$slots, "default", {}, () => [
-        s("span", null, z(e.itemCount) + " 个项目", 1),
-        e.selectedCount > 0 ? (a(), h("span", $t, " • 已选择 " + z(e.selectedCount) + " 个", 1)) : j("", !0)
-      ], !0)
-    ]));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createElementVNode("span", null, toDisplayString(__props.itemCount) + " 个项目", 1),
+          __props.selectedCount > 0 ? (openBlock(), createElementBlock("span", _hoisted_2$5, " • 已选择 " + toDisplayString(__props.selectedCount) + " 个", 1)) : createCommentVNode("", true)
+        ], true)
+      ]);
+    };
   }
-}), on = /* @__PURE__ */ K(Ct, [["__scopeId", "data-v-f1062f30"]]), It = {
+});
+const StatusBar = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-f1062f30"]]);
+const _hoisted_1$4 = {
   key: 0,
   class: "context-menu-container"
-}, Et = {
+};
+const _hoisted_2$4 = {
   key: 0,
   class: "context-menu-separator"
-}, Mt = ["onClick", "onMouseenter"], jt = { class: "context-menu-item-label" }, Dt = {
+};
+const _hoisted_3$4 = ["onClick", "onMouseenter"];
+const _hoisted_4$4 = { class: "context-menu-item-label" };
+const _hoisted_5$4 = {
   key: 2,
   class: "context-menu-item-shortcut"
-}, zt = {
+};
+const _hoisted_6$3 = {
   key: 0,
   class: "context-menu-separator"
-}, St = ["onClick"], Ot = { class: "context-menu-item-label" }, Lt = {
+};
+const _hoisted_7$3 = ["onClick"];
+const _hoisted_8$3 = { class: "context-menu-item-label" };
+const _hoisted_9$3 = {
   key: 2,
   class: "context-menu-item-shortcut"
-}, W = 8, Y = 220, Tt = 32, At = 9, Nt = 8, re = 0, Pt = /* @__PURE__ */ q({
+};
+const MARGIN = 8;
+const MENU_WIDTH = 220;
+const MENU_ITEM_HEIGHT = 32;
+const SEPARATOR_HEIGHT = 9;
+const MENU_PADDING = 8;
+const SUBMENU_GAP = 0;
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   props: {
     visible: { type: Boolean },
@@ -1847,387 +2102,683 @@ const je = /* @__PURE__ */ q({
     options: {}
   },
   emits: ["close", "select"],
-  setup(e, { emit: g }) {
-    const t = e, r = g;
-    function l(o) {
-      let x = Nt;
-      for (const p of o)
-        x += p.separator ? At : Tt;
-      return x;
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function estimateMenuHeight(items) {
+      let height = MENU_PADDING;
+      for (const item of items) {
+        height += item.separator ? SEPARATOR_HEIGHT : MENU_ITEM_HEIGHT;
+      }
+      return height;
     }
-    function i(o, x, p) {
-      const V = window.innerWidth, k = window.innerHeight;
-      let E = o, P = x;
-      const _ = V - o, X = o;
-      _ < Y + W && (X >= Y + W ? E = o - Y : _ > X ? E = V - Y - W : E = W);
-      const oe = k - x, le = x;
-      return oe < p + W && (le >= p + W ? P = x - p : oe > le ? P = k - p - W : P = W), E = Math.max(W, Math.min(E, V - Y - W)), P = Math.max(W, Math.min(P, k - p - W)), { x: E, y: P };
+    function calculateMenuPosition(clickX, clickY, menuHeight) {
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      let adjustedX = clickX;
+      let adjustedY = clickY;
+      const spaceRight = viewportWidth - clickX;
+      const spaceLeft = clickX;
+      if (spaceRight < MENU_WIDTH + MARGIN) {
+        if (spaceLeft >= MENU_WIDTH + MARGIN) {
+          adjustedX = clickX - MENU_WIDTH;
+        } else {
+          if (spaceRight > spaceLeft) {
+            adjustedX = viewportWidth - MENU_WIDTH - MARGIN;
+          } else {
+            adjustedX = MARGIN;
+          }
+        }
+      }
+      const spaceBottom = viewportHeight - clickY;
+      const spaceTop = clickY;
+      if (spaceBottom < menuHeight + MARGIN) {
+        if (spaceTop >= menuHeight + MARGIN) {
+          adjustedY = clickY - menuHeight;
+        } else {
+          if (spaceBottom > spaceTop) {
+            adjustedY = viewportHeight - menuHeight - MARGIN;
+          } else {
+            adjustedY = MARGIN;
+          }
+        }
+      }
+      adjustedX = Math.max(MARGIN, Math.min(adjustedX, viewportWidth - MENU_WIDTH - MARGIN));
+      adjustedY = Math.max(MARGIN, Math.min(adjustedY, viewportHeight - menuHeight - MARGIN));
+      return { x: adjustedX, y: adjustedY };
     }
-    function w(o, x) {
-      const p = window.innerWidth, V = window.innerHeight, k = p - o.right, E = o.left;
-      let P, _;
-      return k >= Y + re + W ? P = o.right + re : E >= Y + re + W ? P = o.left - Y - re : k > E ? P = p - Y - W : P = W, _ = o.top, _ + x > V - W && (_ = V - x - W), _ < W && (_ = W), { x: P, y: _ };
+    function calculateSubmenuPosition(parentRect, submenuHeight) {
+      const viewportWidth = window.innerWidth;
+      const viewportHeight = window.innerHeight;
+      const spaceRight = viewportWidth - parentRect.right;
+      const spaceLeft = parentRect.left;
+      let submenuX;
+      let submenuY;
+      if (spaceRight >= MENU_WIDTH + SUBMENU_GAP + MARGIN) {
+        submenuX = parentRect.right + SUBMENU_GAP;
+      } else if (spaceLeft >= MENU_WIDTH + SUBMENU_GAP + MARGIN) {
+        submenuX = parentRect.left - MENU_WIDTH - SUBMENU_GAP;
+      } else {
+        if (spaceRight > spaceLeft) {
+          submenuX = viewportWidth - MENU_WIDTH - MARGIN;
+        } else {
+          submenuX = MARGIN;
+        }
+      }
+      submenuY = parentRect.top;
+      if (submenuY + submenuHeight > viewportHeight - MARGIN) {
+        submenuY = viewportHeight - submenuHeight - MARGIN;
+      }
+      if (submenuY < MARGIN) {
+        submenuY = MARGIN;
+      }
+      return { x: submenuX, y: submenuY };
     }
-    const I = D(null), m = D(null), v = D(null), b = D(/* @__PURE__ */ new Map()), u = F(() => {
-      const o = l(t.options);
-      return i(t.x, t.y, o);
-    }), n = F(() => ({
-      left: `${u.value.x}px`,
-      top: `${u.value.y}px`
-    })), C = F(() => v.value ? {
-      left: `${v.value.x}px`,
-      top: `${v.value.y}px`
-    } : {}), c = F(() => m.value ? t.options.find((o) => o.id === m.value && o.children && o.children.length > 0) : null), y = (o, x) => {
-      x && x instanceof HTMLElement ? b.value.set(o, x) : b.value.delete(o);
-    }, M = (o) => o.children && o.children.length > 0;
-    ee(m, (o) => {
-      if (!o || !c.value) {
-        v.value = null;
+    const menuRef = ref(null);
+    const hoveredItemId = ref(null);
+    const submenuPosition = ref(null);
+    const itemRefs = ref(/* @__PURE__ */ new Map());
+    const position = computed(() => {
+      const estimatedHeight = estimateMenuHeight(props.options);
+      return calculateMenuPosition(props.x, props.y, estimatedHeight);
+    });
+    const menuStyle = computed(() => ({
+      left: `${position.value.x}px`,
+      top: `${position.value.y}px`
+    }));
+    const submenuStyle = computed(() => {
+      if (!submenuPosition.value) return {};
+      return {
+        left: `${submenuPosition.value.x}px`,
+        top: `${submenuPosition.value.y}px`
+      };
+    });
+    const hoveredItem = computed(() => {
+      if (!hoveredItemId.value) return null;
+      return props.options.find((opt) => opt.id === hoveredItemId.value && opt.children && opt.children.length > 0);
+    });
+    const setItemRef = (id, el) => {
+      if (el && el instanceof HTMLElement) {
+        itemRefs.value.set(id, el);
+      } else {
+        itemRefs.value.delete(id);
+      }
+    };
+    const hasChildren = (option) => {
+      return option.children && option.children.length > 0;
+    };
+    watch(hoveredItemId, (newId) => {
+      if (!newId || !hoveredItem.value) {
+        submenuPosition.value = null;
         return;
       }
-      fe(() => {
-        var k;
-        const x = b.value.get(o);
-        if (!x || !((k = c.value) != null && k.children)) {
-          v.value = null;
+      nextTick(() => {
+        var _a;
+        const itemEl = itemRefs.value.get(newId);
+        if (!itemEl || !((_a = hoveredItem.value) == null ? void 0 : _a.children)) {
+          submenuPosition.value = null;
           return;
         }
-        const p = x.getBoundingClientRect(), V = l(c.value.children);
-        v.value = w(p, V);
+        const rect = itemEl.getBoundingClientRect();
+        const submenuHeight = estimateMenuHeight(hoveredItem.value.children);
+        submenuPosition.value = calculateSubmenuPosition(rect, submenuHeight);
       });
-    }), ee(() => t.visible, (o) => {
-      o || (m.value = null, v.value = null);
     });
-    const S = (o) => {
-      const x = o.target, p = document.querySelector(".context-menu-container");
-      p && p.contains(x) || r("close");
-    }, L = (o) => {
-      o.key === "Escape" && r("close");
-    };
-    ee(() => t.visible, (o) => {
-      o ? (document.addEventListener("mousedown", S), document.addEventListener("keydown", L)) : (document.removeEventListener("mousedown", S), document.removeEventListener("keydown", L));
-    }, { immediate: !0 }), ne(() => {
-      document.removeEventListener("mousedown", S), document.removeEventListener("keydown", L);
+    watch(() => props.visible, (visible) => {
+      if (!visible) {
+        hoveredItemId.value = null;
+        submenuPosition.value = null;
+      }
     });
-    const $ = (o) => {
-      o.disabled || o.children && o.children.length > 0 || (o.action && o.action(), r("select", o), r("close"));
-    }, f = (o) => {
-      o.children && o.children.length > 0 ? m.value = o.id : m.value = null;
-    }, A = () => {
-    }, U = () => {
-      m.value = null;
-    };
-    return (o, x) => (a(), H(ie, { to: "body" }, [
-      e.visible ? (a(), h("div", It, [
-        s("div", {
-          ref_key: "menuRef",
-          ref: I,
-          class: "context-menu",
-          style: de(n.value)
-        }, [
-          (a(!0), h(G, null, J(e.options, (p, V) => (a(), h(G, {
-            key: p.id || V
+    const handleClickOutside = (e) => {
+      const target = e.target;
+      const menuContainer = document.querySelector(".context-menu-container");
+      if (menuContainer && menuContainer.contains(target)) {
+        return;
+      }
+      emit("close");
+    };
+    const handleEscape = (e) => {
+      if (e.key === "Escape") {
+        emit("close");
+      }
+    };
+    watch(() => props.visible, (visible) => {
+      if (visible) {
+        document.addEventListener("mousedown", handleClickOutside);
+        document.addEventListener("keydown", handleEscape);
+      } else {
+        document.removeEventListener("mousedown", handleClickOutside);
+        document.removeEventListener("keydown", handleEscape);
+      }
+    }, { immediate: true });
+    onUnmounted(() => {
+      document.removeEventListener("mousedown", handleClickOutside);
+      document.removeEventListener("keydown", handleEscape);
+    });
+    const handleOptionClick = (option) => {
+      if (option.disabled) return;
+      if (option.children && option.children.length > 0) {
+        return;
+      }
+      if (option.action) {
+        option.action();
+      }
+      emit("select", option);
+      emit("close");
+    };
+    const handleItemMouseEnter = (option) => {
+      if (option.children && option.children.length > 0) {
+        hoveredItemId.value = option.id;
+      } else {
+        hoveredItemId.value = null;
+      }
+    };
+    const keepSubmenuOpen = () => {
+    };
+    const closeSubmenu = () => {
+      hoveredItemId.value = null;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        __props.visible ? (openBlock(), createElementBlock("div", _hoisted_1$4, [
+          createElementVNode("div", {
+            ref_key: "menuRef",
+            ref: menuRef,
+            class: "context-menu",
+            style: normalizeStyle(menuStyle.value)
           }, [
-            p.separator ? (a(), h("div", Et)) : (a(), h("div", {
-              key: 1,
-              ref_for: !0,
-              ref: (k) => y(p.id, k),
-              class: B([
-                "context-menu-item",
-                p.disabled ? "context-menu-item--disabled" : "",
-                p.danger ? "context-menu-item--danger" : "",
-                M(p) ? "context-menu-item--has-children" : "",
-                m.value === p.id ? "context-menu-item--active" : ""
-              ]),
-              onClick: (k) => $(p),
-              onMouseenter: (k) => f(p)
-            }, [
-              p.icon ? (a(), H(O(T), {
-                key: 0,
-                icon: p.icon,
-                width: "16",
-                height: "16",
-                class: "context-menu-item-icon"
-              }, null, 8, ["icon"])) : j("", !0),
-              s("span", jt, z(p.label), 1),
-              p.checked ? (a(), H(O(T), {
-                key: 1,
-                icon: "lucide:check",
-                width: "14",
-                height: "14",
-                class: "context-menu-item-check"
-              })) : j("", !0),
-              p.shortcut && !M(p) ? (a(), h("span", Dt, z(p.shortcut), 1)) : j("", !0),
-              M(p) ? (a(), H(O(T), {
-                key: 3,
-                icon: "lucide:chevron-right",
-                width: "14",
-                height: "14",
-                class: "context-menu-item-arrow"
-              })) : j("", !0)
-            ], 42, Mt))
-          ], 64))), 128))
-        ], 4),
-        c.value && v.value ? (a(), h("div", {
-          key: 0,
-          class: "context-menu context-menu-submenu",
-          style: de(C.value),
-          onMouseenter: A,
-          onMouseleave: U
-        }, [
-          (a(!0), h(G, null, J(c.value.children, (p, V) => (a(), h(G, {
-            key: p.id || V
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
+              return openBlock(), createElementBlock(Fragment, {
+                key: option.id || index
+              }, [
+                option.separator ? (openBlock(), createElementBlock("div", _hoisted_2$4)) : (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  ref_for: true,
+                  ref: (el) => setItemRef(option.id, el),
+                  class: normalizeClass([
+                    "context-menu-item",
+                    option.disabled ? "context-menu-item--disabled" : "",
+                    option.danger ? "context-menu-item--danger" : "",
+                    hasChildren(option) ? "context-menu-item--has-children" : "",
+                    hoveredItemId.value === option.id ? "context-menu-item--active" : ""
+                  ]),
+                  onClick: ($event) => handleOptionClick(option),
+                  onMouseenter: ($event) => handleItemMouseEnter(option)
+                }, [
+                  option.icon ? (openBlock(), createBlock(unref(Icon), {
+                    key: 0,
+                    icon: option.icon,
+                    width: "16",
+                    height: "16",
+                    class: "context-menu-item-icon"
+                  }, null, 8, ["icon"])) : createCommentVNode("", true),
+                  createElementVNode("span", _hoisted_4$4, toDisplayString(option.label), 1),
+                  option.checked ? (openBlock(), createBlock(unref(Icon), {
+                    key: 1,
+                    icon: "lucide:check",
+                    width: "14",
+                    height: "14",
+                    class: "context-menu-item-check"
+                  })) : createCommentVNode("", true),
+                  option.shortcut && !hasChildren(option) ? (openBlock(), createElementBlock("span", _hoisted_5$4, toDisplayString(option.shortcut), 1)) : createCommentVNode("", true),
+                  hasChildren(option) ? (openBlock(), createBlock(unref(Icon), {
+                    key: 3,
+                    icon: "lucide:chevron-right",
+                    width: "14",
+                    height: "14",
+                    class: "context-menu-item-arrow"
+                  })) : createCommentVNode("", true)
+                ], 42, _hoisted_3$4))
+              ], 64);
+            }), 128))
+          ], 4),
+          hoveredItem.value && submenuPosition.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "context-menu context-menu-submenu",
+            style: normalizeStyle(submenuStyle.value),
+            onMouseenter: keepSubmenuOpen,
+            onMouseleave: closeSubmenu
           }, [
-            p.separator ? (a(), h("div", zt)) : (a(), h("div", {
-              key: 1,
-              class: B([
-                "context-menu-item",
-                p.disabled ? "context-menu-item--disabled" : "",
-                p.danger ? "context-menu-item--danger" : ""
-              ]),
-              onClick: (k) => $(p)
-            }, [
-              p.icon ? (a(), H(O(T), {
-                key: 0,
-                icon: p.icon,
-                width: "16",
-                height: "16",
-                class: "context-menu-item-icon"
-              }, null, 8, ["icon"])) : j("", !0),
-              s("span", Ot, z(p.label), 1),
-              p.checked ? (a(), H(O(T), {
-                key: 1,
-                icon: "lucide:check",
-                width: "14",
-                height: "14",
-                class: "context-menu-item-check"
-              })) : j("", !0),
-              p.shortcut ? (a(), h("span", Lt, z(p.shortcut), 1)) : j("", !0)
-            ], 10, St))
-          ], 64))), 128))
-        ], 36)) : j("", !0)
-      ])) : j("", !0)
-    ]));
+            (openBlock(true), createElementBlock(Fragment, null, renderList(hoveredItem.value.children, (child, childIndex) => {
+              return openBlock(), createElementBlock(Fragment, {
+                key: child.id || childIndex
+              }, [
+                child.separator ? (openBlock(), createElementBlock("div", _hoisted_6$3)) : (openBlock(), createElementBlock("div", {
+                  key: 1,
+                  class: normalizeClass([
+                    "context-menu-item",
+                    child.disabled ? "context-menu-item--disabled" : "",
+                    child.danger ? "context-menu-item--danger" : ""
+                  ]),
+                  onClick: ($event) => handleOptionClick(child)
+                }, [
+                  child.icon ? (openBlock(), createBlock(unref(Icon), {
+                    key: 0,
+                    icon: child.icon,
+                    width: "16",
+                    height: "16",
+                    class: "context-menu-item-icon"
+                  }, null, 8, ["icon"])) : createCommentVNode("", true),
+                  createElementVNode("span", _hoisted_8$3, toDisplayString(child.label), 1),
+                  child.checked ? (openBlock(), createBlock(unref(Icon), {
+                    key: 1,
+                    icon: "lucide:check",
+                    width: "14",
+                    height: "14",
+                    class: "context-menu-item-check"
+                  })) : createCommentVNode("", true),
+                  child.shortcut ? (openBlock(), createElementBlock("span", _hoisted_9$3, toDisplayString(child.shortcut), 1)) : createCommentVNode("", true)
+                ], 10, _hoisted_7$3))
+              ], 64);
+            }), 128))
+          ], 36)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
   }
-}), ln = /* @__PURE__ */ K(Pt, [["__scopeId", "data-v-bce7298d"]]);
-function Ut() {
-  const e = D({ x: 0, y: 0 }), g = D(!1), t = (i) => {
-    g.value && (e.value = {
-      x: e.value.x + i.movementX,
-      y: e.value.y + i.movementY
-    });
-  }, r = () => {
-    g.value = !1;
-  }, l = (i) => {
-    const w = i.target;
-    w.closest(".draggable-area") && !w.closest("button") && (i.preventDefault(), g.value = !0);
+});
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bce7298d"]]);
+function useWindowDrag() {
+  const position = ref({ x: 0, y: 0 });
+  const isDragging = ref(false);
+  const handleMouseMove = (e) => {
+    if (!isDragging.value) return;
+    position.value = {
+      x: position.value.x + e.movementX,
+      y: position.value.y + e.movementY
+    };
   };
-  return ee(g, (i) => {
-    i ? (window.addEventListener("mousemove", t), window.addEventListener("mouseup", r)) : (window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", r));
-  }), ne(() => {
-    window.removeEventListener("mousemove", t), window.removeEventListener("mouseup", r);
-  }), {
-    position: e,
-    isDragging: g,
-    startDrag: l
+  const handleMouseUp = () => {
+    isDragging.value = false;
+  };
+  const startDrag = (e) => {
+    const target = e.target;
+    if (target.closest(".draggable-area") && !target.closest("button")) {
+      e.preventDefault();
+      isDragging.value = true;
+    }
+  };
+  watch(isDragging, (dragging) => {
+    if (dragging) {
+      window.addEventListener("mousemove", handleMouseMove);
+      window.addEventListener("mouseup", handleMouseUp);
+    } else {
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mouseup", handleMouseUp);
+    }
+  });
+  onUnmounted(() => {
+    window.removeEventListener("mousemove", handleMouseMove);
+    window.removeEventListener("mouseup", handleMouseUp);
+  });
+  return {
+    position,
+    isDragging,
+    startDrag
   };
 }
-function Ft(e, g, t, r, l, i) {
-  const w = D(e), I = D(g), m = D(!1), v = D(null), b = D(0), u = D(0), n = D(0), C = D(0), c = (L) => {
-    if (!m.value || !v.value) return;
-    const $ = L.clientX - b.value, f = L.clientY - u.value;
-    let A = n.value, U = C.value;
-    const o = v.value;
-    o.includes("e") ? A = Math.min(Math.max(n.value + $, t), l) : o.includes("w") && (A = Math.min(Math.max(n.value - $, t), l)), o.includes("s") ? U = Math.min(Math.max(C.value + f, r), i) : o.includes("n") && (U = Math.min(Math.max(C.value - f, r), i)), w.value = A, I.value = U;
-  }, y = () => {
-    m.value = !1, v.value = null;
-  }, M = (L, $, f, A) => {
-    L.preventDefault(), L.stopPropagation(), m.value = !0, v.value = $, b.value = L.clientX, u.value = L.clientY, n.value = f, C.value = A;
-  }, S = (L) => ({
-    n: "n-resize",
-    s: "s-resize",
-    e: "e-resize",
-    w: "w-resize",
-    ne: "ne-resize",
-    nw: "nw-resize",
-    se: "se-resize",
-    sw: "sw-resize"
-  })[L];
-  return ee(m, (L) => {
-    L ? (window.addEventListener("mousemove", c), window.addEventListener("mouseup", y), document.body.style.cursor = S(v.value || "se"), document.body.style.userSelect = "none") : (window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", y), document.body.style.cursor = "", document.body.style.userSelect = "");
-  }), ne(() => {
-    window.removeEventListener("mousemove", c), window.removeEventListener("mouseup", y), document.body.style.cursor = "", document.body.style.userSelect = "";
-  }), {
-    width: w,
-    height: I,
-    isResizing: m,
-    startResize: M
+function useWindowResize(initialWidth, initialHeight, minWidth, minHeight, maxWidth, maxHeight) {
+  const width = ref(initialWidth);
+  const height = ref(initialHeight);
+  const isResizing = ref(false);
+  const resizeDirection = ref(null);
+  const startX = ref(0);
+  const startY = ref(0);
+  const startWidth = ref(0);
+  const startHeight = ref(0);
+  const handleMouseMove = (e) => {
+    if (!isResizing.value || !resizeDirection.value) return;
+    const deltaX = e.clientX - startX.value;
+    const deltaY = e.clientY - startY.value;
+    let newWidth = startWidth.value;
+    let newHeight = startHeight.value;
+    const direction = resizeDirection.value;
+    if (direction.includes("e")) {
+      newWidth = Math.min(Math.max(startWidth.value + deltaX, minWidth), maxWidth);
+    } else if (direction.includes("w")) {
+      newWidth = Math.min(Math.max(startWidth.value - deltaX, minWidth), maxWidth);
+    }
+    if (direction.includes("s")) {
+      newHeight = Math.min(Math.max(startHeight.value + deltaY, minHeight), maxHeight);
+    } else if (direction.includes("n")) {
+      newHeight = Math.min(Math.max(startHeight.value - deltaY, minHeight), maxHeight);
+    }
+    width.value = newWidth;
+    height.value = newHeight;
+  };
+  const handleMouseUp = () => {
+    isResizing.value = false;
+    resizeDirection.value = null;
+  };
+  const startResize = (e, direction, currentWidth, currentHeight) => {
+    e.preventDefault();
+    e.stopPropagation();
+    isResizing.value = true;
+    resizeDirection.value = direction;
+    startX.value = e.clientX;
+    startY.value = e.clientY;
+    startWidth.value = currentWidth;
+    startHeight.value = currentHeight;
+  };
+  const getCursorForDirection = (direction) => {
+    const cursors = {
+      n: "n-resize",
+      s: "s-resize",
+      e: "e-resize",
+      w: "w-resize",
+      ne: "ne-resize",
+      nw: "nw-resize",
+      se: "se-resize",
+      sw: "sw-resize"
+    };
+    return cursors[direction];
+  };
+  watch(isResizing, (resizing) => {
+    if (resizing) {
+      window.addEventListener("mousemove", handleMouseMove);
+      window.addEventListener("mouseup", handleMouseUp);
+      document.body.style.cursor = getCursorForDirection(resizeDirection.value || "se");
+      document.body.style.userSelect = "none";
+    } else {
+      window.removeEventListener("mousemove", handleMouseMove);
+      window.removeEventListener("mouseup", handleMouseUp);
+      document.body.style.cursor = "";
+      document.body.style.userSelect = "";
+    }
+  });
+  onUnmounted(() => {
+    window.removeEventListener("mousemove", handleMouseMove);
+    window.removeEventListener("mouseup", handleMouseUp);
+    document.body.style.cursor = "";
+    document.body.style.userSelect = "";
+  });
+  return {
+    width,
+    height,
+    isResizing,
+    startResize
   };
 }
-const Wt = { class: "window-controls" }, Rt = { class: "window-title-info" }, Bt = { class: "window-title-text" }, Ht = { class: "window-title-actions" }, Vt = { class: "window-content" }, _t = /* @__PURE__ */ q({
+const _hoisted_1$3 = { class: "window-controls" };
+const _hoisted_2$3 = { class: "window-title-info" };
+const _hoisted_3$3 = { class: "window-title-text" };
+const _hoisted_4$3 = { class: "window-title-actions" };
+const _hoisted_5$3 = { class: "window-content" };
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Window",
   props: {
     title: {},
-    showTitleBar: { type: Boolean, default: !0 },
-    showMinimize: { type: Boolean, default: !1 },
-    showMaximize: { type: Boolean, default: !1 },
-    draggable: { type: Boolean, default: !0 },
-    resizable: { type: Boolean, default: !0 },
+    showTitleBar: { type: Boolean, default: true },
+    showMinimize: { type: Boolean, default: false },
+    showMaximize: { type: Boolean, default: false },
+    draggable: { type: Boolean, default: true },
+    resizable: { type: Boolean, default: true },
     width: { default: "auto" },
     height: { default: "auto" },
     minWidth: { default: 300 },
     minHeight: { default: 200 },
     maxWidth: { default: "80vw" },
     maxHeight: { default: "80vh" },
-    closeOnBackdrop: { type: Boolean, default: !0 },
-    fitContent: { type: Boolean, default: !1 }
+    closeOnBackdrop: { type: Boolean, default: true },
+    fitContent: { type: Boolean, default: false }
   },
   emits: ["close", "minimize", "maximize"],
-  setup(e, { emit: g }) {
-    const t = e, r = g, l = D(null), i = t.draggable ? Ut() : null, w = F(() => t.fitContent || t.width === "auto" || t.width === "fit-content" || t.height === "auto" || t.height === "fit-content"), I = () => {
-      if (w.value)
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const windowContainerRef = ref(null);
+    const windowDrag = props.draggable ? useWindowDrag() : null;
+    const isAutoSize = computed(() => {
+      return props.fitContent || props.width === "auto" || props.width === "fit-content" || props.height === "auto" || props.height === "fit-content";
+    });
+    const getInitialSize = () => {
+      if (isAutoSize.value) {
         return { initialWidth: 0, initialHeight: 0 };
-      const o = 600, x = 500;
-      let p = o, V = x;
-      return t.width !== "auto" && t.width !== "fit-content" && (p = typeof t.width == "number" ? t.width : parseInt(t.width)), t.height !== "auto" && t.height !== "fit-content" && (V = typeof t.height == "number" ? t.height : parseInt(t.height)), { initialWidth: p, initialHeight: V };
-    }, m = (o, x) => typeof o == "number" ? o : o.endsWith("px") ? parseInt(o) : o.endsWith("vw") ? parseInt(o) / 100 * window.innerWidth : o.endsWith("vh") ? parseInt(o) / 100 * window.innerHeight : x, { initialWidth: v, initialHeight: b } = I(), u = m(t.minWidth, 500), n = m(t.minHeight, 350), C = m(t.maxWidth, window.innerWidth * 0.8), c = m(t.maxHeight, window.innerHeight * 0.8), y = t.resizable ? Ft(v, b, u, n, C, c) : null, M = F(() => {
-      const o = {
+      }
+      const defaultWidth = 600;
+      const defaultHeight = 500;
+      let initialWidth2 = defaultWidth;
+      let initialHeight2 = defaultHeight;
+      if (props.width !== "auto" && props.width !== "fit-content") {
+        initialWidth2 = typeof props.width === "number" ? props.width : parseInt(props.width);
+      }
+      if (props.height !== "auto" && props.height !== "fit-content") {
+        initialHeight2 = typeof props.height === "number" ? props.height : parseInt(props.height);
+      }
+      return { initialWidth: initialWidth2, initialHeight: initialHeight2 };
+    };
+    const parseSize = (size, defaultPx) => {
+      if (typeof size === "number") return size;
+      if (size.endsWith("px")) return parseInt(size);
+      if (size.endsWith("vw")) return parseInt(size) / 100 * window.innerWidth;
+      if (size.endsWith("vh")) return parseInt(size) / 100 * window.innerHeight;
+      return defaultPx;
+    };
+    const { initialWidth, initialHeight } = getInitialSize();
+    const minW = parseSize(props.minWidth, 500);
+    const minH = parseSize(props.minHeight, 350);
+    const maxW = parseSize(props.maxWidth, window.innerWidth * 0.8);
+    const maxH = parseSize(props.maxHeight, window.innerHeight * 0.8);
+    const windowResize = props.resizable ? useWindowResize(initialWidth, initialHeight, minW, minH, maxW, maxH) : null;
+    const windowStyle = computed(() => {
+      const baseStyle = {
         left: "50%",
         top: "50%"
       };
-      let x = "-50%", p = "-50%";
-      return t.draggable && i && (x = `calc(-50% + ${i.position.value.x}px)`, p = `calc(-50% + ${i.position.value.y}px)`), o.transform = `translate(${x}, ${p})`, o.transformOrigin = "center center", w.value ? t.resizable && y && y.width.value > 0 && (o.width = `${y.width.value}px`, o.height = `${y.height.value}px`) : t.resizable && y ? (o.width = `${y.width.value}px`, o.height = `${y.height.value}px`) : (t.width !== "auto" && t.width !== "fit-content" && (o.width = typeof t.width == "number" ? `${t.width}px` : t.width), t.height !== "auto" && t.height !== "fit-content" && (o.height = typeof t.height == "number" ? `${t.height}px` : t.height)), t.minWidth && (o.minWidth = typeof t.minWidth == "number" ? `${t.minWidth}px` : t.minWidth), t.minHeight && (o.minHeight = typeof t.minHeight == "number" ? `${t.minHeight}px` : t.minHeight), t.maxWidth && (o.maxWidth = typeof t.maxWidth == "number" ? `${t.maxWidth}px` : t.maxWidth), t.maxHeight && (o.maxHeight = typeof t.maxHeight == "number" ? `${t.maxHeight}px` : t.maxHeight), o;
-    }), S = (o) => {
-      t.closeOnBackdrop && o.target === o.currentTarget && r("close");
-    }, L = (o) => {
-      t.draggable && i && i.startDrag(o);
-    }, $ = () => {
-      r("close");
-    }, f = () => {
-      r("minimize");
-    }, A = () => {
-      r("maximize");
-    }, U = (o, x) => {
-      if (!t.resizable || !y || !l.value) return;
-      const p = l.value.getBoundingClientRect(), V = p.width, k = p.height;
-      y.startResize(o, x, V, k);
-    };
-    return ve(() => {
-      const o = (x) => {
-        x.key === "Escape" && (x.preventDefault(), r("close"));
+      let translateX = "-50%";
+      let translateY = "-50%";
+      if (props.draggable && windowDrag) {
+        translateX = `calc(-50% + ${windowDrag.position.value.x}px)`;
+        translateY = `calc(-50% + ${windowDrag.position.value.y}px)`;
+      }
+      baseStyle.transform = `translate(${translateX}, ${translateY})`;
+      baseStyle.transformOrigin = "center center";
+      if (isAutoSize.value) {
+        if (props.resizable && windowResize && windowResize.width.value > 0) {
+          baseStyle.width = `${windowResize.width.value}px`;
+          baseStyle.height = `${windowResize.height.value}px`;
+        }
+      } else {
+        if (props.resizable && windowResize) {
+          baseStyle.width = `${windowResize.width.value}px`;
+          baseStyle.height = `${windowResize.height.value}px`;
+        } else {
+          if (props.width !== "auto" && props.width !== "fit-content") {
+            baseStyle.width = typeof props.width === "number" ? `${props.width}px` : props.width;
+          }
+          if (props.height !== "auto" && props.height !== "fit-content") {
+            baseStyle.height = typeof props.height === "number" ? `${props.height}px` : props.height;
+          }
+        }
+      }
+      if (props.minWidth) {
+        baseStyle.minWidth = typeof props.minWidth === "number" ? `${props.minWidth}px` : props.minWidth;
+      }
+      if (props.minHeight) {
+        baseStyle.minHeight = typeof props.minHeight === "number" ? `${props.minHeight}px` : props.minHeight;
+      }
+      if (props.maxWidth) {
+        baseStyle.maxWidth = typeof props.maxWidth === "number" ? `${props.maxWidth}px` : props.maxWidth;
+      }
+      if (props.maxHeight) {
+        baseStyle.maxHeight = typeof props.maxHeight === "number" ? `${props.maxHeight}px` : props.maxHeight;
+      }
+      return baseStyle;
+    });
+    const handleBackdropClick = (e) => {
+      if (props.closeOnBackdrop && e.target === e.currentTarget) {
+        emit("close");
+      }
+    };
+    const handleDragStart = (e) => {
+      if (props.draggable && windowDrag) {
+        windowDrag.startDrag(e);
+      }
+    };
+    const handleClose = () => {
+      emit("close");
+    };
+    const handleMinimize = () => {
+      emit("minimize");
+    };
+    const handleMaximize = () => {
+      emit("maximize");
+    };
+    const handleResizeStart = (e, direction) => {
+      if (!props.resizable || !windowResize || !windowContainerRef.value) return;
+      const rect = windowContainerRef.value.getBoundingClientRect();
+      const currentWidth = rect.width;
+      const currentHeight = rect.height;
+      windowResize.startResize(e, direction, currentWidth, currentHeight);
+    };
+    onMounted(() => {
+      const handleEsc = (e) => {
+        if (e.key === "Escape") {
+          e.preventDefault();
+          emit("close");
+        }
       };
-      window.addEventListener("keydown", o), ne(() => {
-        window.removeEventListener("keydown", o);
+      window.addEventListener("keydown", handleEsc);
+      onUnmounted(() => {
+        window.removeEventListener("keydown", handleEsc);
       });
-    }), (o, x) => (a(), H(ie, { to: "body" }, [
-      s("div", {
-        class: "window-overlay",
-        onClick: S
-      }, [
-        s("div", {
-          ref_key: "windowContainerRef",
-          ref: l,
-          class: "window-container",
-          style: de(M.value),
-          onClick: x[8] || (x[8] = R(() => {
-          }, ["stop"]))
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        createElementVNode("div", {
+          class: "window-overlay",
+          onClick: handleBackdropClick
         }, [
-          e.showTitleBar ? (a(), h("div", {
-            key: 0,
-            class: "window-title-bar draggable-area",
-            onMousedown: L
+          createElementVNode("div", {
+            ref_key: "windowContainerRef",
+            ref: windowContainerRef,
+            class: "window-container",
+            style: normalizeStyle(windowStyle.value),
+            onClick: _cache[8] || (_cache[8] = withModifiers(() => {
+            }, ["stop"]))
           }, [
-            s("div", Wt, [
-              s("button", {
-                onClick: R($, ["stop"]),
-                class: "window-control-button window-control-button--close"
-              }, [
-                N(O(T), {
-                  icon: "lucide:x",
-                  width: "7",
-                  height: "7",
-                  class: "window-control-icon"
-                })
+            __props.showTitleBar ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: "window-title-bar draggable-area",
+              onMousedown: handleDragStart
+            }, [
+              createElementVNode("div", _hoisted_1$3, [
+                createElementVNode("button", {
+                  onClick: withModifiers(handleClose, ["stop"]),
+                  class: "window-control-button window-control-button--close"
+                }, [
+                  createVNode(unref(Icon), {
+                    icon: "lucide:x",
+                    width: "7",
+                    height: "7",
+                    class: "window-control-icon"
+                  })
+                ]),
+                __props.showMinimize ? (openBlock(), createElementBlock("button", {
+                  key: 0,
+                  onClick: withModifiers(handleMinimize, ["stop"]),
+                  class: "window-control-button window-control-button--minimize"
+                }, [
+                  createVNode(unref(Icon), {
+                    icon: "lucide:minus",
+                    width: "7",
+                    height: "7",
+                    class: "window-control-icon"
+                  })
+                ])) : createCommentVNode("", true),
+                __props.showMaximize ? (openBlock(), createElementBlock("button", {
+                  key: 1,
+                  onClick: withModifiers(handleMaximize, ["stop"]),
+                  class: "window-control-button window-control-button--maximize"
+                }, [
+                  createVNode(unref(Icon), {
+                    icon: "lucide:maximize-2",
+                    width: "7",
+                    height: "7",
+                    class: "window-control-icon"
+                  })
+                ])) : createCommentVNode("", true)
               ]),
-              e.showMinimize ? (a(), h("button", {
-                key: 0,
-                onClick: R(f, ["stop"]),
-                class: "window-control-button window-control-button--minimize"
-              }, [
-                N(O(T), {
-                  icon: "lucide:minus",
-                  width: "7",
-                  height: "7",
-                  class: "window-control-icon"
-                })
-              ])) : j("", !0),
-              e.showMaximize ? (a(), h("button", {
-                key: 1,
-                onClick: R(A, ["stop"]),
-                class: "window-control-button window-control-button--maximize"
-              }, [
-                N(O(T), {
-                  icon: "lucide:maximize-2",
-                  width: "7",
-                  height: "7",
-                  class: "window-control-icon"
-                })
-              ])) : j("", !0)
-            ]),
-            s("div", Rt, [
-              Z(o.$slots, "title", {}, () => [
-                s("span", Bt, z(e.title), 1)
-              ], !0)
+              createElementVNode("div", _hoisted_2$3, [
+                renderSlot(_ctx.$slots, "title", {}, () => [
+                  createElementVNode("span", _hoisted_3$3, toDisplayString(__props.title), 1)
+                ], true)
+              ]),
+              createElementVNode("div", _hoisted_4$3, [
+                renderSlot(_ctx.$slots, "actions", {}, void 0, true)
+              ])
+            ], 32)) : createCommentVNode("", true),
+            createElementVNode("div", _hoisted_5$3, [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
             ]),
-            s("div", Ht, [
-              Z(o.$slots, "actions", {}, void 0, !0)
-            ])
-          ], 32)) : j("", !0),
-          s("div", Vt, [
-            Z(o.$slots, "default", {}, void 0, !0)
-          ]),
-          e.resizable ? (a(), h(G, { key: 1 }, [
-            s("div", {
-              class: "window-resize-handle window-resize-handle--n",
-              onMousedown: x[0] || (x[0] = (p) => U(p, "n"))
-            }, null, 32),
-            s("div", {
-              class: "window-resize-handle window-resize-handle--s",
-              onMousedown: x[1] || (x[1] = (p) => U(p, "s"))
-            }, null, 32),
-            s("div", {
-              class: "window-resize-handle window-resize-handle--e",
-              onMousedown: x[2] || (x[2] = (p) => U(p, "e"))
-            }, null, 32),
-            s("div", {
-              class: "window-resize-handle window-resize-handle--w",
-              onMousedown: x[3] || (x[3] = (p) => U(p, "w"))
-            }, null, 32),
-            s("div", {
-              class: "window-resize-handle window-resize-handle--ne",
-              onMousedown: x[4] || (x[4] = (p) => U(p, "ne"))
-            }, null, 32),
-            s("div", {
-              class: "window-resize-handle window-resize-handle--nw",
-              onMousedown: x[5] || (x[5] = (p) => U(p, "nw"))
-            }, null, 32),
-            s("div", {
-              class: "window-resize-handle window-resize-handle--se",
-              onMousedown: x[6] || (x[6] = (p) => U(p, "se"))
-            }, null, 32),
-            s("div", {
-              class: "window-resize-handle window-resize-handle--sw",
-              onMousedown: x[7] || (x[7] = (p) => U(p, "sw"))
-            }, null, 32)
-          ], 64)) : j("", !0)
-        ], 4)
-      ])
-    ]));
+            __props.resizable ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createElementVNode("div", {
+                class: "window-resize-handle window-resize-handle--n",
+                onMousedown: _cache[0] || (_cache[0] = (e) => handleResizeStart(e, "n"))
+              }, null, 32),
+              createElementVNode("div", {
+                class: "window-resize-handle window-resize-handle--s",
+                onMousedown: _cache[1] || (_cache[1] = (e) => handleResizeStart(e, "s"))
+              }, null, 32),
+              createElementVNode("div", {
+                class: "window-resize-handle window-resize-handle--e",
+                onMousedown: _cache[2] || (_cache[2] = (e) => handleResizeStart(e, "e"))
+              }, null, 32),
+              createElementVNode("div", {
+                class: "window-resize-handle window-resize-handle--w",
+                onMousedown: _cache[3] || (_cache[3] = (e) => handleResizeStart(e, "w"))
+              }, null, 32),
+              createElementVNode("div", {
+                class: "window-resize-handle window-resize-handle--ne",
+                onMousedown: _cache[4] || (_cache[4] = (e) => handleResizeStart(e, "ne"))
+              }, null, 32),
+              createElementVNode("div", {
+                class: "window-resize-handle window-resize-handle--nw",
+                onMousedown: _cache[5] || (_cache[5] = (e) => handleResizeStart(e, "nw"))
+              }, null, 32),
+              createElementVNode("div", {
+                class: "window-resize-handle window-resize-handle--se",
+                onMousedown: _cache[6] || (_cache[6] = (e) => handleResizeStart(e, "se"))
+              }, null, 32),
+              createElementVNode("div", {
+                class: "window-resize-handle window-resize-handle--sw",
+                onMousedown: _cache[7] || (_cache[7] = (e) => handleResizeStart(e, "sw"))
+              }, null, 32)
+            ], 64)) : createCommentVNode("", true)
+          ], 4)
+        ])
+      ]);
+    };
   }
-}), an = /* @__PURE__ */ K(_t, [["__scopeId", "data-v-19502782"]]), Gt = { class: "compress-dialog-header" }, qt = { class: "compress-dialog-title" }, Kt = { class: "compress-dialog-content" }, Xt = { class: "compress-dialog-info" }, Yt = { class: "compress-dialog-field" }, Jt = { class: "compress-dialog-input-group" }, Qt = { class: "compress-dialog-ext" }, Zt = { class: "compress-dialog-field" }, es = ["value"], ts = { class: "compress-dialog-field" }, ss = { class: "compress-dialog-levels" }, ns = ["value"], is = { class: "compress-dialog-level-label" }, os = { class: "compress-dialog-level-desc" }, ls = {
+});
+const Window = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__scopeId", "data-v-19502782"]]);
+const _hoisted_1$2 = { class: "compress-dialog-header" };
+const _hoisted_2$2 = { class: "compress-dialog-title" };
+const _hoisted_3$2 = { class: "compress-dialog-content" };
+const _hoisted_4$2 = { class: "compress-dialog-info" };
+const _hoisted_5$2 = { class: "compress-dialog-field" };
+const _hoisted_6$2 = { class: "compress-dialog-input-group" };
+const _hoisted_7$2 = { class: "compress-dialog-ext" };
+const _hoisted_8$2 = { class: "compress-dialog-field" };
+const _hoisted_9$2 = ["value"];
+const _hoisted_10$2 = { class: "compress-dialog-field" };
+const _hoisted_11$2 = { class: "compress-dialog-levels" };
+const _hoisted_12$2 = ["value"];
+const _hoisted_13$2 = { class: "compress-dialog-level-label" };
+const _hoisted_14$2 = { class: "compress-dialog-level-desc" };
+const _hoisted_15$2 = {
   key: 0,
   class: "compress-dialog-field"
-}, as = { class: "compress-dialog-input-group" }, rs = ["type"], cs = { class: "compress-dialog-field compress-dialog-checkbox" }, ds = { class: "compress-dialog-preview" }, us = { class: "compress-dialog-preview-path" }, ms = { class: "compress-dialog-footer" }, gs = ["disabled"], ps = /* @__PURE__ */ q({
+};
+const _hoisted_16$1 = { class: "compress-dialog-input-group" };
+const _hoisted_17$1 = ["type"];
+const _hoisted_18$1 = { class: "compress-dialog-field compress-dialog-checkbox" };
+const _hoisted_19$1 = { class: "compress-dialog-preview" };
+const _hoisted_20$1 = { class: "compress-dialog-preview-path" };
+const _hoisted_21$1 = { class: "compress-dialog-footer" };
+const _hoisted_22 = ["disabled"];
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "CompressDialog",
   props: {
     visible: { type: Boolean },
@@ -2235,193 +2786,256 @@ const Wt = { class: "window-controls" }, Rt = { class: "window-title-info" }, Bt
     outputDir: {}
   },
   emits: ["confirm", "cancel"],
-  setup(e, { emit: g }) {
-    const t = e, r = g, l = [
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const FORMAT_OPTIONS = [
       { value: "zip", label: "ZIP", ext: ".zip" },
       { value: "tgz", label: "TAR.GZ (gzip)", ext: ".tar.gz" },
       { value: "tarbz2", label: "TAR.BZ2 (bzip2)", ext: ".tar.bz2" },
       { value: "tar", label: "TAR (无压缩)", ext: ".tar" }
-    ], i = [
+    ];
+    const LEVEL_OPTIONS = [
       { value: "fast", label: "快速", desc: "压缩速度快，文件较大" },
       { value: "normal", label: "标准", desc: "平衡速度和大小" },
       { value: "best", label: "最佳", desc: "文件最小，速度较慢" }
-    ], w = D("zip"), I = D("normal"), m = D(""), v = D(!1), b = D(""), u = D(!1), n = F(() => t.filePaths.length === 0 ? "archive" : t.filePaths.length === 1 ? (t.filePaths[0].split("/").pop() || "archive").replace(/\.[^.]+$/, "") : "压缩文件"), C = F(() => t.filePaths.length === 1 ? t.filePaths[0].split("/").pop() : `${t.filePaths.length} 个项目`), c = F(() => {
-      var L;
-      return ((L = l.find(($) => $.value === w.value)) == null ? void 0 : L.ext) || ".zip";
-    }), y = F(() => `${t.outputDir}/${m.value}${c.value}`), M = F(() => !1);
-    ee(() => t.visible, (L) => {
-      L && (m.value = n.value, w.value = "zip", I.value = "normal", v.value = !1, b.value = "");
+    ];
+    const format = ref("zip");
+    const level = ref("normal");
+    const outputName = ref("");
+    const deleteSource = ref(false);
+    const password = ref("");
+    const showPassword = ref(false);
+    const defaultOutputName = computed(() => {
+      if (props.filePaths.length === 0) return "archive";
+      if (props.filePaths.length === 1) {
+        const name = props.filePaths[0].split("/").pop() || "archive";
+        return name.replace(/\.[^.]+$/, "");
+      }
+      return "压缩文件";
+    });
+    const fileDisplayName = computed(() => {
+      if (props.filePaths.length === 1) {
+        return props.filePaths[0].split("/").pop();
+      }
+      return `${props.filePaths.length} 个项目`;
+    });
+    const currentExt = computed(() => {
+      var _a;
+      return ((_a = FORMAT_OPTIONS.find((f) => f.value === format.value)) == null ? void 0 : _a.ext) || ".zip";
+    });
+    const fullOutputPath = computed(() => {
+      return `${props.outputDir}/${outputName.value}${currentExt.value}`;
+    });
+    const supportsPassword = computed(() => {
+      return false;
+    });
+    watch(() => props.visible, (visible) => {
+      if (visible) {
+        outputName.value = defaultOutputName.value;
+        format.value = "zip";
+        level.value = "normal";
+        deleteSource.value = false;
+        password.value = "";
+      }
     });
-    const S = () => {
-      r("confirm", {
-        format: w.value,
-        level: I.value,
-        outputName: m.value + c.value,
-        deleteSource: v.value
+    const handleConfirm = () => {
+      emit("confirm", {
+        format: format.value,
+        level: level.value,
+        outputName: outputName.value + currentExt.value,
+        deleteSource: deleteSource.value
       });
     };
-    return (L, $) => (a(), H(ie, { to: "body" }, [
-      e.visible ? (a(), h("div", {
-        key: 0,
-        class: "compress-dialog-overlay",
-        onClick: $[9] || ($[9] = (f) => r("cancel"))
-      }, [
-        s("div", {
-          class: "compress-dialog",
-          onClick: $[8] || ($[8] = R(() => {
-          }, ["stop"]))
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        __props.visible ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "compress-dialog-overlay",
+          onClick: _cache[9] || (_cache[9] = ($event) => emit("cancel"))
         }, [
-          s("div", Gt, [
-            s("div", qt, [
-              N(O(T), {
-                icon: "lucide:archive",
-                width: "20",
-                height: "20"
-              }),
-              $[10] || ($[10] = s("span", null, "压缩文件", -1))
-            ]),
-            s("button", {
-              class: "compress-dialog-close",
-              onClick: $[0] || ($[0] = (f) => r("cancel"))
-            }, [
-              N(O(T), {
-                icon: "lucide:x",
-                width: "18",
-                height: "18"
-              })
-            ])
-          ]),
-          s("div", Kt, [
-            s("div", Xt, [
-              N(O(T), {
-                icon: "lucide:file-archive",
-                width: "16",
-                height: "16"
-              }),
-              s("span", null, z(C.value), 1)
-            ]),
-            s("div", Yt, [
-              $[11] || ($[11] = s("label", null, "文件名", -1)),
-              s("div", Jt, [
-                te(s("input", {
-                  type: "text",
-                  "onUpdate:modelValue": $[1] || ($[1] = (f) => m.value = f),
-                  placeholder: "输入文件名"
-                }, null, 512), [
-                  [we, m.value]
-                ]),
-                s("span", Qt, z(c.value), 1)
-              ])
-            ]),
-            s("div", Zt, [
-              $[12] || ($[12] = s("label", null, "压缩格式", -1)),
-              te(s("select", {
-                "onUpdate:modelValue": $[2] || ($[2] = (f) => w.value = f)
+          createElementVNode("div", {
+            class: "compress-dialog",
+            onClick: _cache[8] || (_cache[8] = withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            createElementVNode("div", _hoisted_1$2, [
+              createElementVNode("div", _hoisted_2$2, [
+                createVNode(unref(Icon), {
+                  icon: "lucide:archive",
+                  width: "20",
+                  height: "20"
+                }),
+                _cache[10] || (_cache[10] = createElementVNode("span", null, "压缩文件", -1))
+              ]),
+              createElementVNode("button", {
+                class: "compress-dialog-close",
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
               }, [
-                (a(), h(G, null, J(l, (f) => s("option", {
-                  key: f.value,
-                  value: f.value
-                }, z(f.label), 9, es)), 64))
-              ], 512), [
-                [ye, w.value]
+                createVNode(unref(Icon), {
+                  icon: "lucide:x",
+                  width: "18",
+                  height: "18"
+                })
               ])
             ]),
-            s("div", ts, [
-              $[13] || ($[13] = s("label", null, "压缩级别", -1)),
-              s("div", ss, [
-                (a(), h(G, null, J(i, (f) => s("label", {
-                  key: f.value,
-                  class: "compress-dialog-level"
+            createElementVNode("div", _hoisted_3$2, [
+              createElementVNode("div", _hoisted_4$2, [
+                createVNode(unref(Icon), {
+                  icon: "lucide:file-archive",
+                  width: "16",
+                  height: "16"
+                }),
+                createElementVNode("span", null, toDisplayString(fileDisplayName.value), 1)
+              ]),
+              createElementVNode("div", _hoisted_5$2, [
+                _cache[11] || (_cache[11] = createElementVNode("label", null, "文件名", -1)),
+                createElementVNode("div", _hoisted_6$2, [
+                  withDirectives(createElementVNode("input", {
+                    type: "text",
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => outputName.value = $event),
+                    placeholder: "输入文件名"
+                  }, null, 512), [
+                    [vModelText, outputName.value]
+                  ]),
+                  createElementVNode("span", _hoisted_7$2, toDisplayString(currentExt.value), 1)
+                ])
+              ]),
+              createElementVNode("div", _hoisted_8$2, [
+                _cache[12] || (_cache[12] = createElementVNode("label", null, "压缩格式", -1)),
+                withDirectives(createElementVNode("select", {
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => format.value = $event)
                 }, [
-                  te(s("input", {
-                    type: "radio",
-                    name: "level",
-                    value: f.value,
-                    "onUpdate:modelValue": $[3] || ($[3] = (A) => I.value = A)
-                  }, null, 8, ns), [
-                    [ke, I.value]
+                  (openBlock(), createElementBlock(Fragment, null, renderList(FORMAT_OPTIONS, (opt) => {
+                    return createElementVNode("option", {
+                      key: opt.value,
+                      value: opt.value
+                    }, toDisplayString(opt.label), 9, _hoisted_9$2);
+                  }), 64))
+                ], 512), [
+                  [vModelSelect, format.value]
+                ])
+              ]),
+              createElementVNode("div", _hoisted_10$2, [
+                _cache[13] || (_cache[13] = createElementVNode("label", null, "压缩级别", -1)),
+                createElementVNode("div", _hoisted_11$2, [
+                  (openBlock(), createElementBlock(Fragment, null, renderList(LEVEL_OPTIONS, (opt) => {
+                    return createElementVNode("label", {
+                      key: opt.value,
+                      class: "compress-dialog-level"
+                    }, [
+                      withDirectives(createElementVNode("input", {
+                        type: "radio",
+                        name: "level",
+                        value: opt.value,
+                        "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => level.value = $event)
+                      }, null, 8, _hoisted_12$2), [
+                        [vModelRadio, level.value]
+                      ]),
+                      createElementVNode("span", _hoisted_13$2, toDisplayString(opt.label), 1),
+                      createElementVNode("span", _hoisted_14$2, toDisplayString(opt.desc), 1)
+                    ]);
+                  }), 64))
+                ])
+              ]),
+              supportsPassword.value ? (openBlock(), createElementBlock("div", _hoisted_15$2, [
+                _cache[14] || (_cache[14] = createElementVNode("label", null, "密码保护（可选）", -1)),
+                createElementVNode("div", _hoisted_16$1, [
+                  withDirectives(createElementVNode("input", {
+                    type: showPassword.value ? "text" : "password",
+                    "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => password.value = $event),
+                    placeholder: "设置密码"
+                  }, null, 8, _hoisted_17$1), [
+                    [vModelDynamic, password.value]
                   ]),
-                  s("span", is, z(f.label), 1),
-                  s("span", os, z(f.desc), 1)
-                ])), 64))
-              ])
-            ]),
-            M.value ? (a(), h("div", ls, [
-              $[14] || ($[14] = s("label", null, "密码保护（可选）", -1)),
-              s("div", as, [
-                te(s("input", {
-                  type: u.value ? "text" : "password",
-                  "onUpdate:modelValue": $[4] || ($[4] = (f) => b.value = f),
-                  placeholder: "设置密码"
-                }, null, 8, rs), [
-                  [xe, b.value]
-                ]),
-                s("button", {
-                  type: "button",
-                  class: "compress-dialog-toggle-password",
-                  onClick: $[5] || ($[5] = (f) => u.value = !u.value)
-                }, z(u.value ? "隐藏" : "显示"), 1)
-              ])
-            ])) : j("", !0),
-            s("div", cs, [
-              s("label", null, [
-                te(s("input", {
-                  type: "checkbox",
-                  "onUpdate:modelValue": $[6] || ($[6] = (f) => v.value = f)
-                }, null, 512), [
-                  [$e, v.value]
-                ]),
-                $[15] || ($[15] = s("span", null, "压缩后删除源文件", -1))
+                  createElementVNode("button", {
+                    type: "button",
+                    class: "compress-dialog-toggle-password",
+                    onClick: _cache[5] || (_cache[5] = ($event) => showPassword.value = !showPassword.value)
+                  }, toDisplayString(showPassword.value ? "隐藏" : "显示"), 1)
+                ])
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_18$1, [
+                createElementVNode("label", null, [
+                  withDirectives(createElementVNode("input", {
+                    type: "checkbox",
+                    "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => deleteSource.value = $event)
+                  }, null, 512), [
+                    [vModelCheckbox, deleteSource.value]
+                  ]),
+                  _cache[15] || (_cache[15] = createElementVNode("span", null, "压缩后删除源文件", -1))
+                ])
+              ]),
+              createElementVNode("div", _hoisted_19$1, [
+                _cache[16] || (_cache[16] = createElementVNode("span", { class: "compress-dialog-preview-label" }, "输出位置:", -1)),
+                createElementVNode("span", _hoisted_20$1, toDisplayString(fullOutputPath.value), 1)
               ])
             ]),
-            s("div", ds, [
-              $[16] || ($[16] = s("span", { class: "compress-dialog-preview-label" }, "输出位置:", -1)),
-              s("span", us, z(y.value), 1)
+            createElementVNode("div", _hoisted_21$1, [
+              createElementVNode("button", {
+                class: "compress-dialog-btn compress-dialog-btn-cancel",
+                onClick: _cache[7] || (_cache[7] = ($event) => emit("cancel"))
+              }, " 取消 "),
+              createElementVNode("button", {
+                class: "compress-dialog-btn compress-dialog-btn-confirm",
+                onClick: handleConfirm,
+                disabled: !outputName.value.trim()
+              }, " 压缩 ", 8, _hoisted_22)
             ])
-          ]),
-          s("div", ms, [
-            s("button", {
-              class: "compress-dialog-btn compress-dialog-btn-cancel",
-              onClick: $[7] || ($[7] = (f) => r("cancel"))
-            }, " 取消 "),
-            s("button", {
-              class: "compress-dialog-btn compress-dialog-btn-confirm",
-              onClick: S,
-              disabled: !m.value.trim()
-            }, " 压缩 ", 8, gs)
           ])
-        ])
-      ])) : j("", !0)
-    ]));
+        ])) : createCommentVNode("", true)
+      ]);
+    };
   }
-}), rn = /* @__PURE__ */ K(ps, [["__scopeId", "data-v-1800ac01"]]), fs = {
+});
+const CompressDialog = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-1800ac01"]]);
+const _hoisted_1$1 = {
   key: 0,
   class: "progress-dialog-overlay"
-}, vs = { class: "progress-dialog" }, hs = { class: "progress-dialog-header" }, bs = { class: "progress-dialog-title" }, ws = { class: "progress-dialog-content" }, ys = { class: "progress-dialog-status" }, ks = {
+};
+const _hoisted_2$1 = { class: "progress-dialog" };
+const _hoisted_3$1 = { class: "progress-dialog-header" };
+const _hoisted_4$1 = { class: "progress-dialog-title" };
+const _hoisted_5$1 = { class: "progress-dialog-content" };
+const _hoisted_6$1 = { class: "progress-dialog-status" };
+const _hoisted_7$1 = {
   key: 0,
   class: "progress-dialog-bar-container"
-}, xs = { class: "progress-dialog-bar" }, $s = { class: "progress-dialog-percent" }, Cs = {
+};
+const _hoisted_8$1 = { class: "progress-dialog-bar" };
+const _hoisted_9$1 = { class: "progress-dialog-percent" };
+const _hoisted_10$1 = {
   key: 1,
   class: "progress-dialog-current-file"
-}, Is = {
+};
+const _hoisted_11$1 = {
   key: 2,
   class: "progress-dialog-count"
-}, Es = {
+};
+const _hoisted_12$1 = {
   key: 3,
   class: "progress-dialog-error"
-}, Ms = {
+};
+const _hoisted_13$1 = {
   key: 4,
   class: "progress-dialog-output"
-}, js = { class: "progress-dialog-output-path" }, Ds = { class: "progress-dialog-footer" }, zs = /* @__PURE__ */ q({
+};
+const _hoisted_14$1 = { class: "progress-dialog-output-path" };
+const _hoisted_15$1 = { class: "progress-dialog-footer" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "ProgressDialog",
   props: {
     visible: { type: Boolean },
     progress: {}
   },
   emits: ["cancel", "close", "openFolder"],
-  setup(e, { emit: g }) {
-    const t = e, r = g, l = F(() => t.progress.type === "compress" ? "压缩文件" : "解压文件"), i = F(() => t.progress.status === "success" || t.progress.status === "error"), w = F(() => {
-      switch (t.progress.status) {
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const title = computed(() => props.progress.type === "compress" ? "压缩文件" : "解压文件");
+    const isCompleted = computed(() => props.progress.status === "success" || props.progress.status === "error");
+    const statusIconName = computed(() => {
+      switch (props.progress.status) {
         case "processing":
           return "lucide:loader-2";
         case "success":
@@ -2431,8 +3045,9 @@ const Wt = { class: "window-controls" }, Rt = { class: "window-title-info" }, Bt
         default:
           return "lucide:archive";
       }
-    }), I = F(() => {
-      switch (t.progress.status) {
+    });
+    const statusIconClass = computed(() => {
+      switch (props.progress.status) {
         case "processing":
           return "progress-dialog-icon-spin";
         case "success":
@@ -2442,483 +3057,650 @@ const Wt = { class: "window-controls" }, Rt = { class: "window-title-info" }, Bt
         default:
           return "";
       }
-    }), m = F(() => {
-      switch (t.progress.status) {
+    });
+    const statusText = computed(() => {
+      switch (props.progress.status) {
         case "pending":
           return "准备中...";
         case "processing":
-          return t.progress.type === "compress" ? "正在压缩..." : "正在解压...";
+          return props.progress.type === "compress" ? "正在压缩..." : "正在解压...";
         case "success":
-          return t.progress.type === "compress" ? "压缩完成" : "解压完成";
+          return props.progress.type === "compress" ? "压缩完成" : "解压完成";
         case "error":
           return "操作失败";
         default:
           return "";
       }
-    }), v = () => {
-      i.value ? r("close") : r("cancel");
-    };
-    return (b, u) => (a(), H(ie, { to: "body" }, [
-      e.visible ? (a(), h("div", fs, [
-        s("div", vs, [
-          s("div", hs, [
-            s("div", bs, [
-              N(O(T), {
-                icon: w.value,
-                width: "24",
-                height: "24",
-                class: B(I.value)
-              }, null, 8, ["icon", "class"]),
-              s("span", null, z(l.value), 1)
-            ]),
-            i.value ? (a(), h("button", {
-              key: 0,
-              class: "progress-dialog-close",
-              onClick: v
-            }, [
-              N(O(T), {
-                icon: "lucide:x",
-                width: "18",
-                height: "18"
-              })
-            ])) : j("", !0)
-          ]),
-          s("div", ws, [
-            s("div", ys, z(m.value), 1),
-            e.progress.status === "processing" ? (a(), h("div", ks, [
-              s("div", xs, [
-                s("div", {
-                  class: "progress-dialog-bar-fill",
-                  style: de({ width: `${e.progress.percent}%` })
-                }, null, 4)
+    });
+    const handleClose = () => {
+      if (isCompleted.value) {
+        emit("close");
+      } else {
+        emit("cancel");
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        __props.visible ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+          createElementVNode("div", _hoisted_2$1, [
+            createElementVNode("div", _hoisted_3$1, [
+              createElementVNode("div", _hoisted_4$1, [
+                createVNode(unref(Icon), {
+                  icon: statusIconName.value,
+                  width: "24",
+                  height: "24",
+                  class: normalizeClass(statusIconClass.value)
+                }, null, 8, ["icon", "class"]),
+                createElementVNode("span", null, toDisplayString(title.value), 1)
               ]),
-              s("span", $s, z(e.progress.percent) + "%", 1)
-            ])) : j("", !0),
-            e.progress.currentFile && e.progress.status === "processing" ? (a(), h("div", Cs, z(e.progress.currentFile), 1)) : j("", !0),
-            e.progress.totalCount && e.progress.totalCount > 0 && e.progress.status === "processing" ? (a(), h("div", Is, z(e.progress.processedCount || 0) + " / " + z(e.progress.totalCount) + " 个文件 ", 1)) : j("", !0),
-            e.progress.error ? (a(), h("div", Es, z(e.progress.error), 1)) : j("", !0),
-            e.progress.status === "success" && e.progress.outputPath ? (a(), h("div", Ms, [
-              u[2] || (u[2] = s("span", { class: "progress-dialog-output-label" }, "输出位置:", -1)),
-              s("span", js, z(e.progress.outputPath), 1)
-            ])) : j("", !0)
-          ]),
-          s("div", Ds, [
-            e.progress.status === "processing" ? (a(), h("button", {
-              key: 0,
-              class: "progress-dialog-btn progress-dialog-btn-cancel",
-              onClick: u[0] || (u[0] = (n) => r("cancel"))
-            }, " 取消 ")) : j("", !0),
-            e.progress.status === "success" && e.progress.outputPath ? (a(), h("button", {
-              key: 1,
-              class: "progress-dialog-btn progress-dialog-btn-folder",
-              onClick: u[1] || (u[1] = (n) => r("openFolder", e.progress.outputPath))
-            }, [
-              N(O(T), {
-                icon: "lucide:folder-open",
-                width: "16",
-                height: "16"
-              }),
-              u[3] || (u[3] = se(" 打开文件夹 ", -1))
-            ])) : j("", !0),
-            i.value ? (a(), h("button", {
-              key: 2,
-              class: "progress-dialog-btn progress-dialog-btn-close",
-              onClick: v
-            }, " 关闭 ")) : j("", !0)
+              isCompleted.value ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                class: "progress-dialog-close",
+                onClick: handleClose
+              }, [
+                createVNode(unref(Icon), {
+                  icon: "lucide:x",
+                  width: "18",
+                  height: "18"
+                })
+              ])) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_5$1, [
+              createElementVNode("div", _hoisted_6$1, toDisplayString(statusText.value), 1),
+              __props.progress.status === "processing" ? (openBlock(), createElementBlock("div", _hoisted_7$1, [
+                createElementVNode("div", _hoisted_8$1, [
+                  createElementVNode("div", {
+                    class: "progress-dialog-bar-fill",
+                    style: normalizeStyle({ width: `${__props.progress.percent}%` })
+                  }, null, 4)
+                ]),
+                createElementVNode("span", _hoisted_9$1, toDisplayString(__props.progress.percent) + "%", 1)
+              ])) : createCommentVNode("", true),
+              __props.progress.currentFile && __props.progress.status === "processing" ? (openBlock(), createElementBlock("div", _hoisted_10$1, toDisplayString(__props.progress.currentFile), 1)) : createCommentVNode("", true),
+              __props.progress.totalCount && __props.progress.totalCount > 0 && __props.progress.status === "processing" ? (openBlock(), createElementBlock("div", _hoisted_11$1, toDisplayString(__props.progress.processedCount || 0) + " / " + toDisplayString(__props.progress.totalCount) + " 个文件 ", 1)) : createCommentVNode("", true),
+              __props.progress.error ? (openBlock(), createElementBlock("div", _hoisted_12$1, toDisplayString(__props.progress.error), 1)) : createCommentVNode("", true),
+              __props.progress.status === "success" && __props.progress.outputPath ? (openBlock(), createElementBlock("div", _hoisted_13$1, [
+                _cache[2] || (_cache[2] = createElementVNode("span", { class: "progress-dialog-output-label" }, "输出位置:", -1)),
+                createElementVNode("span", _hoisted_14$1, toDisplayString(__props.progress.outputPath), 1)
+              ])) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_15$1, [
+              __props.progress.status === "processing" ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                class: "progress-dialog-btn progress-dialog-btn-cancel",
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("cancel"))
+              }, " 取消 ")) : createCommentVNode("", true),
+              __props.progress.status === "success" && __props.progress.outputPath ? (openBlock(), createElementBlock("button", {
+                key: 1,
+                class: "progress-dialog-btn progress-dialog-btn-folder",
+                onClick: _cache[1] || (_cache[1] = ($event) => emit("openFolder", __props.progress.outputPath))
+              }, [
+                createVNode(unref(Icon), {
+                  icon: "lucide:folder-open",
+                  width: "16",
+                  height: "16"
+                }),
+                _cache[3] || (_cache[3] = createTextVNode(" 打开文件夹 ", -1))
+              ])) : createCommentVNode("", true),
+              isCompleted.value ? (openBlock(), createElementBlock("button", {
+                key: 2,
+                class: "progress-dialog-btn progress-dialog-btn-close",
+                onClick: handleClose
+              }, " 关闭 ")) : createCommentVNode("", true)
+            ])
           ])
-        ])
-      ])) : j("", !0)
-    ]));
+        ])) : createCommentVNode("", true)
+      ]);
+    };
   }
-}), cn = /* @__PURE__ */ K(zs, [["__scopeId", "data-v-e07b95ae"]]), Ss = { class: "file-info-dialog" }, Os = { class: "file-info-dialog-header" }, Ls = { class: "file-info-dialog-title" }, Ts = ["title"], As = { class: "file-info-dialog-content" }, Ns = { class: "file-info-row" }, Ps = { class: "file-info-label" }, Us = { class: "file-info-value" }, Fs = {
+});
+const ProgressDialog = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-e07b95ae"]]);
+const _hoisted_1 = { class: "file-info-dialog" };
+const _hoisted_2 = { class: "file-info-dialog-header" };
+const _hoisted_3 = { class: "file-info-dialog-title" };
+const _hoisted_4 = ["title"];
+const _hoisted_5 = { class: "file-info-dialog-content" };
+const _hoisted_6 = { class: "file-info-row" };
+const _hoisted_7 = { class: "file-info-label" };
+const _hoisted_8 = { class: "file-info-value" };
+const _hoisted_9 = {
   key: 0,
   class: "file-info-row"
-}, Ws = { class: "file-info-label" }, Rs = { class: "file-info-value" }, Bs = { class: "file-info-row" }, Hs = { class: "file-info-label" }, Vs = ["title"], _s = { class: "file-info-row" }, Gs = { class: "file-info-label" }, qs = ["title"], Ks = {
+};
+const _hoisted_10 = { class: "file-info-label" };
+const _hoisted_11 = { class: "file-info-value" };
+const _hoisted_12 = { class: "file-info-row" };
+const _hoisted_13 = { class: "file-info-label" };
+const _hoisted_14 = ["title"];
+const _hoisted_15 = { class: "file-info-row" };
+const _hoisted_16 = { class: "file-info-label" };
+const _hoisted_17 = ["title"];
+const _hoisted_18 = {
   key: 1,
   class: "file-info-row"
-}, Xs = { class: "file-info-label" }, Ys = { class: "file-info-value" }, Js = { class: "file-info-dialog-footer" }, Qs = /* @__PURE__ */ q({
+};
+const _hoisted_19 = { class: "file-info-label" };
+const _hoisted_20 = { class: "file-info-value" };
+const _hoisted_21 = { class: "file-info-dialog-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "FileInfoDialog",
   props: {
     visible: { type: Boolean },
     item: {}
   },
   emits: ["close"],
-  setup(e, { emit: g }) {
-    const t = e, r = g;
-    function l(u, n) {
-      if (u === d.FOLDER)
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    function getFileIcon(type, name) {
+      if (type === FileType.FOLDER) {
         return "ic:round-folder";
-      if (n)
-        return he(n, u);
-      switch (u) {
-        case d.IMAGE:
+      }
+      if (name) {
+        return getFileTypeIcon(name, type);
+      }
+      switch (type) {
+        case FileType.IMAGE:
           return "material-icon-theme:image";
-        case d.VIDEO:
+        case FileType.VIDEO:
           return "material-icon-theme:video";
-        case d.MUSIC:
+        case FileType.MUSIC:
           return "material-icon-theme:audio";
-        case d.DOCUMENT:
+        case FileType.DOCUMENT:
           return "material-icon-theme:word";
-        case d.CODE:
+        case FileType.CODE:
           return "material-icon-theme:javascript";
-        case d.ARCHIVE:
+        case FileType.ARCHIVE:
           return "material-icon-theme:zip";
         default:
           return "material-icon-theme:document";
       }
     }
-    function i(u) {
-      switch (u) {
-        case d.FOLDER:
+    function getIconClass(type) {
+      switch (type) {
+        case FileType.FOLDER:
           return "file-info-icon--folder";
-        case d.IMAGE:
+        case FileType.IMAGE:
           return "file-info-icon--image";
-        case d.VIDEO:
+        case FileType.VIDEO:
           return "file-info-icon--video";
-        case d.MUSIC:
+        case FileType.MUSIC:
           return "file-info-icon--music";
-        case d.DOCUMENT:
+        case FileType.DOCUMENT:
           return "file-info-icon--document";
-        case d.CODE:
+        case FileType.CODE:
           return "file-info-icon--code";
-        case d.ARCHIVE:
+        case FileType.ARCHIVE:
           return "file-info-icon--archive";
         default:
           return "file-info-icon--file";
       }
     }
-    function w(u, n) {
-      switch (u) {
-        case d.FOLDER:
+    function getFileTypeName(type, ext) {
+      switch (type) {
+        case FileType.FOLDER:
           return "文件夹";
-        case d.IMAGE:
-          return `图片${n ? ` (${n.toUpperCase()})` : ""}`;
-        case d.VIDEO:
-          return `视频${n ? ` (${n.toUpperCase()})` : ""}`;
-        case d.MUSIC:
-          return `音频${n ? ` (${n.toUpperCase()})` : ""}`;
-        case d.DOCUMENT:
-          return `文档${n ? ` (${n.toUpperCase()})` : ""}`;
-        case d.CODE:
-          return `代码文件${n ? ` (${n.toUpperCase()})` : ""}`;
-        case d.ARCHIVE:
-          return `压缩包${n ? ` (${n.toUpperCase()})` : ""}`;
+        case FileType.IMAGE:
+          return `图片${ext ? ` (${ext.toUpperCase()})` : ""}`;
+        case FileType.VIDEO:
+          return `视频${ext ? ` (${ext.toUpperCase()})` : ""}`;
+        case FileType.MUSIC:
+          return `音频${ext ? ` (${ext.toUpperCase()})` : ""}`;
+        case FileType.DOCUMENT:
+          return `文档${ext ? ` (${ext.toUpperCase()})` : ""}`;
+        case FileType.CODE:
+          return `代码文件${ext ? ` (${ext.toUpperCase()})` : ""}`;
+        case FileType.ARCHIVE:
+          return `压缩包${ext ? ` (${ext.toUpperCase()})` : ""}`;
         default:
-          return n ? `${n.toUpperCase()} 文件` : "文件";
+          return ext ? `${ext.toUpperCase()} 文件` : "文件";
       }
     }
-    const I = F(() => {
-      if (!t.item) return;
-      const u = t.item.name.lastIndexOf(".");
-      if (!(u === -1 || u === 0))
-        return t.item.name.substring(u + 1).toLowerCase();
-    }), m = F(() => {
-      if (!t.item) return "";
-      const u = t.item.id.lastIndexOf("/");
-      return u === -1 ? t.item.id : t.item.id.substring(0, u) || "/";
+    const extension = computed(() => {
+      if (!props.item) return void 0;
+      const lastDot = props.item.name.lastIndexOf(".");
+      if (lastDot === -1 || lastDot === 0) return void 0;
+      return props.item.name.substring(lastDot + 1).toLowerCase();
+    });
+    const directory = computed(() => {
+      if (!props.item) return "";
+      const lastSlash = props.item.id.lastIndexOf("/");
+      if (lastSlash === -1) return props.item.id;
+      return props.item.id.substring(0, lastSlash) || "/";
     });
-    function v(u) {
-      u.target === u.currentTarget && r("close");
+    function handleBackdropClick(e) {
+      if (e.target === e.currentTarget) {
+        emit("close");
+      }
     }
-    function b(u) {
-      u.key === "Escape" && t.visible && r("close");
+    function handleKeyDown(e) {
+      if (e.key === "Escape" && props.visible) {
+        emit("close");
+      }
     }
-    return ve(() => {
-      document.addEventListener("keydown", b);
-    }), ne(() => {
-      document.removeEventListener("keydown", b);
-    }), (u, n) => (a(), H(ie, { to: "body" }, [
-      e.visible && e.item ? (a(), h("div", {
-        key: 0,
-        class: "file-info-dialog-overlay",
-        onClick: v
-      }, [
-        s("div", Ss, [
-          s("div", Os, [
-            s("div", Ls, [
-              N(O(T), {
-                icon: l(e.item.type, e.item.name),
-                width: "48",
-                height: "48",
-                class: B(["file-info-icon", i(e.item.type)])
-              }, null, 8, ["icon", "class"]),
-              s("span", {
-                class: "file-info-dialog-name",
-                title: e.item.name
-              }, z(e.item.name), 9, Ts)
-            ]),
-            s("button", {
-              class: "file-info-dialog-close",
-              onClick: n[0] || (n[0] = (C) => r("close"))
-            }, [
-              N(O(T), {
-                icon: "lucide:x",
-                width: "18",
-                height: "18"
-              })
-            ])
-          ]),
-          s("div", As, [
-            s("div", Ns, [
-              s("div", Ps, [
-                N(O(T), {
-                  icon: "lucide:file",
-                  width: "14",
-                  height: "14"
-                }),
-                n[2] || (n[2] = s("span", null, "类型", -1))
+    onMounted(() => {
+      document.addEventListener("keydown", handleKeyDown);
+    });
+    onUnmounted(() => {
+      document.removeEventListener("keydown", handleKeyDown);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, { to: "body" }, [
+        __props.visible && __props.item ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "file-info-dialog-overlay",
+          onClick: handleBackdropClick
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", _hoisted_3, [
+                createVNode(unref(Icon), {
+                  icon: getFileIcon(__props.item.type, __props.item.name),
+                  width: "48",
+                  height: "48",
+                  class: normalizeClass(["file-info-icon", getIconClass(__props.item.type)])
+                }, null, 8, ["icon", "class"]),
+                createElementVNode("span", {
+                  class: "file-info-dialog-name",
+                  title: __props.item.name
+                }, toDisplayString(__props.item.name), 9, _hoisted_4)
               ]),
-              s("div", Us, z(w(e.item.type, I.value)), 1)
+              createElementVNode("button", {
+                class: "file-info-dialog-close",
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("close"))
+              }, [
+                createVNode(unref(Icon), {
+                  icon: "lucide:x",
+                  width: "18",
+                  height: "18"
+                })
+              ])
             ]),
-            e.item.type !== O(d).FOLDER && e.item.size ? (a(), h("div", Fs, [
-              s("div", Ws, [
-                N(O(T), {
-                  icon: "lucide:hard-drive",
-                  width: "14",
-                  height: "14"
-                }),
-                n[3] || (n[3] = s("span", null, "大小", -1))
+            createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_6, [
+                createElementVNode("div", _hoisted_7, [
+                  createVNode(unref(Icon), {
+                    icon: "lucide:file",
+                    width: "14",
+                    height: "14"
+                  }),
+                  _cache[2] || (_cache[2] = createElementVNode("span", null, "类型", -1))
+                ]),
+                createElementVNode("div", _hoisted_8, toDisplayString(getFileTypeName(__props.item.type, extension.value)), 1)
               ]),
-              s("div", Rs, z(e.item.size), 1)
-            ])) : j("", !0),
-            s("div", Bs, [
-              s("div", Hs, [
-                N(O(T), {
-                  icon: "lucide:map-pin",
-                  width: "14",
-                  height: "14"
-                }),
-                n[4] || (n[4] = s("span", null, "位置", -1))
+              __props.item.type !== unref(FileType).FOLDER && __props.item.size ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                createElementVNode("div", _hoisted_10, [
+                  createVNode(unref(Icon), {
+                    icon: "lucide:hard-drive",
+                    width: "14",
+                    height: "14"
+                  }),
+                  _cache[3] || (_cache[3] = createElementVNode("span", null, "大小", -1))
+                ]),
+                createElementVNode("div", _hoisted_11, toDisplayString(__props.item.size), 1)
+              ])) : createCommentVNode("", true),
+              createElementVNode("div", _hoisted_12, [
+                createElementVNode("div", _hoisted_13, [
+                  createVNode(unref(Icon), {
+                    icon: "lucide:map-pin",
+                    width: "14",
+                    height: "14"
+                  }),
+                  _cache[4] || (_cache[4] = createElementVNode("span", null, "位置", -1))
+                ]),
+                createElementVNode("div", {
+                  class: "file-info-value file-info-value--path",
+                  title: directory.value
+                }, toDisplayString(directory.value), 9, _hoisted_14)
               ]),
-              s("div", {
-                class: "file-info-value file-info-value--path",
-                title: m.value
-              }, z(m.value), 9, Vs)
-            ]),
-            s("div", _s, [
-              s("div", Gs, [
-                N(O(T), {
-                  icon: "lucide:map-pin",
-                  width: "14",
-                  height: "14"
-                }),
-                n[5] || (n[5] = s("span", null, "完整路径", -1))
+              createElementVNode("div", _hoisted_15, [
+                createElementVNode("div", _hoisted_16, [
+                  createVNode(unref(Icon), {
+                    icon: "lucide:map-pin",
+                    width: "14",
+                    height: "14"
+                  }),
+                  _cache[5] || (_cache[5] = createElementVNode("span", null, "完整路径", -1))
+                ]),
+                createElementVNode("div", {
+                  class: "file-info-value file-info-value--path",
+                  title: __props.item.id
+                }, toDisplayString(__props.item.id), 9, _hoisted_17)
               ]),
-              s("div", {
-                class: "file-info-value file-info-value--path",
-                title: e.item.id
-              }, z(e.item.id), 9, qs)
+              __props.item.dateModified ? (openBlock(), createElementBlock("div", _hoisted_18, [
+                createElementVNode("div", _hoisted_19, [
+                  createVNode(unref(Icon), {
+                    icon: "lucide:clock",
+                    width: "14",
+                    height: "14"
+                  }),
+                  _cache[6] || (_cache[6] = createElementVNode("span", null, "修改时间", -1))
+                ]),
+                createElementVNode("div", _hoisted_20, toDisplayString(__props.item.dateModified), 1)
+              ])) : createCommentVNode("", true)
             ]),
-            e.item.dateModified ? (a(), h("div", Ks, [
-              s("div", Xs, [
-                N(O(T), {
-                  icon: "lucide:clock",
-                  width: "14",
-                  height: "14"
-                }),
-                n[6] || (n[6] = s("span", null, "修改时间", -1))
-              ]),
-              s("div", Ys, z(e.item.dateModified), 1)
-            ])) : j("", !0)
-          ]),
-          s("div", Js, [
-            s("button", {
-              class: "file-info-dialog-btn",
-              onClick: n[1] || (n[1] = (C) => r("close"))
-            }, " 关闭 ")
+            createElementVNode("div", _hoisted_21, [
+              createElementVNode("button", {
+                class: "file-info-dialog-btn",
+                onClick: _cache[1] || (_cache[1] = ($event) => emit("close"))
+              }, " 关闭 ")
+            ])
           ])
-        ])
-      ])) : j("", !0)
-    ]));
+        ])) : createCommentVNode("", true)
+      ]);
+    };
   }
-}), dn = /* @__PURE__ */ K(Qs, [["__scopeId", "data-v-f8297fdd"]]);
-function un() {
-  const e = D(/* @__PURE__ */ new Set()), g = D(null), t = D(null), r = () => {
-    e.value = /* @__PURE__ */ new Set(), g.value = null;
+});
+const FileInfoDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f8297fdd"]]);
+function useSelection() {
+  const selectedIds = ref(/* @__PURE__ */ new Set());
+  const lastSelectedId = ref(null);
+  const editingId = ref(null);
+  const clearSelection = () => {
+    selectedIds.value = /* @__PURE__ */ new Set();
+    lastSelectedId.value = null;
   };
-  return {
-    selectedIds: e,
-    lastSelectedId: g,
-    editingId: t,
-    clearSelection: r,
-    selectItem: (m, v, b = !1, u = !1) => {
-      if (!m) {
-        r();
-        return;
-      }
-      if (u && g.value) {
-        const n = v.findIndex((c) => c.id === g.value), C = v.findIndex((c) => c.id === m);
-        if (n !== -1 && C !== -1) {
-          const c = Math.min(n, C), y = Math.max(n, C), M = new Set(b ? e.value : []);
-          for (let S = c; S <= y; S++) {
-            const L = v[S];
-            L && M.add(L.id);
+  const selectItem = (id, items, multi = false, range = false) => {
+    if (!id) {
+      clearSelection();
+      return;
+    }
+    if (range && lastSelectedId.value) {
+      const indexA = items.findIndex((i) => i.id === lastSelectedId.value);
+      const indexB = items.findIndex((i) => i.id === id);
+      if (indexA !== -1 && indexB !== -1) {
+        const start = Math.min(indexA, indexB);
+        const end = Math.max(indexA, indexB);
+        const newSet = new Set(multi ? selectedIds.value : []);
+        for (let i = start; i <= end; i++) {
+          const item = items[i];
+          if (item) {
+            newSet.add(item.id);
           }
-          e.value = M;
-          return;
         }
-      }
-      if (b) {
-        const n = new Set(e.value);
-        n.has(m) ? n.delete(m) : n.add(m), g.value = m, e.value = n;
+        selectedIds.value = newSet;
         return;
       }
-      g.value = m, e.value = /* @__PURE__ */ new Set([m]);
-    },
-    selectAll: (m) => {
-      e.value = new Set(m.map((v) => v.id));
-    },
-    setEditing: (m) => {
-      t.value = m;
-    },
-    isSelected: (m) => e.value.has(m)
+    }
+    if (multi) {
+      const newSet = new Set(selectedIds.value);
+      if (newSet.has(id)) {
+        newSet.delete(id);
+      } else {
+        newSet.add(id);
+      }
+      lastSelectedId.value = id;
+      selectedIds.value = newSet;
+      return;
+    }
+    lastSelectedId.value = id;
+    selectedIds.value = /* @__PURE__ */ new Set([id]);
+  };
+  const selectAll = (items) => {
+    selectedIds.value = new Set(items.map((i) => i.id));
+  };
+  const setEditing = (id) => {
+    editingId.value = id;
+  };
+  const isSelected = (id) => {
+    return selectedIds.value.has(id);
   };
-}
-function mn(e, g, t) {
-  const r = D(null), l = D(!1);
   return {
-    dragOverId: r,
-    isDragging: l,
-    handleDragStart: (b, u) => {
-      if (!b.dataTransfer) return;
-      const n = e();
-      n.has(u) || g(u, !1, !1);
-      const C = n.has(u) ? n : /* @__PURE__ */ new Set([u]);
-      b.dataTransfer.setData("text/plain", JSON.stringify([...C])), b.dataTransfer.effectAllowed = "move", l.value = !0;
-    },
-    handleDragOver: (b, u) => {
-      l.value && u.type === d.FOLDER && (e().has(u.id) || (b.preventDefault(), r.value = u.id));
-    },
-    handleDragLeave: () => {
-      r.value = null;
-    },
-    handleDrop: (b, u) => {
-      if (r.value = null, l.value = !1, !b.dataTransfer || u.type !== d.FOLDER) return;
-      const n = b.dataTransfer.getData("text/plain");
-      if (n)
-        try {
-          const C = JSON.parse(n), c = new Set(C);
-          if (c.has(u.id)) return;
-          t(u.id, c);
-        } catch {
-        }
-    },
-    handleDragEnd: () => {
-      r.value = null, l.value = !1;
-    }
+    selectedIds,
+    lastSelectedId,
+    editingId,
+    clearSelection,
+    selectItem,
+    selectAll,
+    setEditing,
+    isSelected
   };
 }
-function gn(e, g) {
-  const t = D(!1), r = D(0), l = D(0), i = D(0), w = D(!1), I = D(1), m = D(1), v = D(!1), b = e === d.MUSIC, u = () => {
-    const f = g();
-    if (f) {
-      const A = f.currentTime, U = f.duration;
-      l.value = A, U && !isNaN(U) && (i.value = U, r.value = A / U * 100);
+function useDragAndDrop(getSelectedIds, onSelect, onMove) {
+  const dragOverId = ref(null);
+  const isDragging = ref(false);
+  const handleDragStart = (e, itemId) => {
+    if (!e.dataTransfer) return;
+    const selectedIds = getSelectedIds();
+    if (!selectedIds.has(itemId)) {
+      onSelect(itemId, false, false);
+    }
+    const draggedIds = selectedIds.has(itemId) ? selectedIds : /* @__PURE__ */ new Set([itemId]);
+    e.dataTransfer.setData("text/plain", JSON.stringify([...draggedIds]));
+    e.dataTransfer.effectAllowed = "move";
+    isDragging.value = true;
+  };
+  const handleDragOver = (e, item) => {
+    if (!isDragging.value) return;
+    if (item.type === FileType.FOLDER) {
+      const selectedIds = getSelectedIds();
+      if (!selectedIds.has(item.id)) {
+        e.preventDefault();
+        dragOverId.value = item.id;
+      }
+    }
+  };
+  const handleDragLeave = () => {
+    dragOverId.value = null;
+  };
+  const handleDrop = (e, targetItem) => {
+    dragOverId.value = null;
+    isDragging.value = false;
+    if (!e.dataTransfer || targetItem.type !== FileType.FOLDER) return;
+    const data = e.dataTransfer.getData("text/plain");
+    if (!data) return;
+    try {
+      const draggedIds = JSON.parse(data);
+      const itemIds = new Set(draggedIds);
+      if (itemIds.has(targetItem.id)) return;
+      onMove(targetItem.id, itemIds);
+    } catch {
     }
   };
+  const handleDragEnd = () => {
+    dragOverId.value = null;
+    isDragging.value = false;
+  };
   return {
-    isPlaying: t,
-    progress: r,
-    currentTime: l,
-    duration: i,
-    isMuted: w,
-    volume: I,
-    showControls: v,
-    isAudio: b,
-    togglePlay: () => {
-      const f = g();
-      f && (t.value ? (f.pause(), t.value = !1) : (f.play(), t.value = !0));
-    },
-    toggleMute: () => {
-      const f = g();
-      if (f)
-        if (w.value) {
-          const A = m.value || 1;
-          f.volume = A, f.muted = !1, I.value = A, w.value = !1;
-        } else
-          m.value = I.value, f.volume = 0, f.muted = !0, I.value = 0, w.value = !0;
-    },
-    handleVolumeChange: (f) => {
-      I.value = f;
-      const A = g();
-      A && (A.volume = f, f === 0 ? (w.value = !0, A.muted = !0) : (w.value = !1, A.muted = !1));
-    },
-    seekTo: (f) => {
-      const A = g();
-      A && i.value && (A.currentTime = f, l.value = f, r.value = f / i.value * 100);
-    },
-    formatTime: (f) => {
-      if (isNaN(f)) return "0:00";
-      const A = Math.floor(f / 60), U = Math.floor(f % 60);
-      return `${A}:${U.toString().padStart(2, "0")}`;
-    },
-    autoPlay: () => {
-      fe(() => {
-        const f = g();
-        (e === d.VIDEO || b) && f && (f.volume = I.value, f.play().catch(() => {
-        }), t.value = !0);
+    dragOverId,
+    isDragging,
+    handleDragStart,
+    handleDragOver,
+    handleDragLeave,
+    handleDrop,
+    handleDragEnd
+  };
+}
+function useMediaPlayer(mediaType, mediaRef) {
+  const isPlaying = ref(false);
+  const progress = ref(0);
+  const currentTime = ref(0);
+  const duration = ref(0);
+  const isMuted = ref(false);
+  const volume = ref(1);
+  const lastVolume = ref(1);
+  const showControls = ref(false);
+  const isAudio = mediaType === FileType.MUSIC;
+  const updateProgress = () => {
+    const media = mediaRef();
+    if (media) {
+      const curr = media.currentTime;
+      const dur = media.duration;
+      currentTime.value = curr;
+      if (dur && !isNaN(dur)) {
+        duration.value = dur;
+        progress.value = curr / dur * 100;
+      }
+    }
+  };
+  const togglePlay = () => {
+    const media = mediaRef();
+    if (media) {
+      if (isPlaying.value) {
+        media.pause();
+        isPlaying.value = false;
+      } else {
+        media.play();
+        isPlaying.value = true;
+      }
+    }
+  };
+  const toggleMute = () => {
+    const media = mediaRef();
+    if (media) {
+      if (isMuted.value) {
+        const volToRestore = lastVolume.value || 1;
+        media.volume = volToRestore;
+        media.muted = false;
+        volume.value = volToRestore;
+        isMuted.value = false;
+      } else {
+        lastVolume.value = volume.value;
+        media.volume = 0;
+        media.muted = true;
+        volume.value = 0;
+        isMuted.value = true;
+      }
+    }
+  };
+  const handleVolumeChange = (val) => {
+    volume.value = val;
+    const media = mediaRef();
+    if (media) {
+      media.volume = val;
+      if (val === 0) {
+        isMuted.value = true;
+        media.muted = true;
+      } else {
+        isMuted.value = false;
+        media.muted = false;
+      }
+    }
+  };
+  const seekTo = (time) => {
+    const media = mediaRef();
+    if (media && duration.value) {
+      media.currentTime = time;
+      currentTime.value = time;
+      progress.value = time / duration.value * 100;
+    }
+  };
+  const formatTime = (time) => {
+    if (isNaN(time)) return "0:00";
+    const minutes = Math.floor(time / 60);
+    const seconds = Math.floor(time % 60);
+    return `${minutes}:${seconds.toString().padStart(2, "0")}`;
+  };
+  const autoPlay = () => {
+    nextTick(() => {
+      const media = mediaRef();
+      if ((mediaType === FileType.VIDEO || isAudio) && media) {
+        media.volume = volume.value;
+        media.play().catch(() => {
+        });
+        isPlaying.value = true;
+      }
+    });
+  };
+  const setupMediaListeners = () => {
+    const media = mediaRef();
+    if (media) {
+      media.addEventListener("timeupdate", updateProgress);
+      media.addEventListener("loadedmetadata", updateProgress);
+      media.addEventListener("ended", () => {
+        isPlaying.value = false;
       });
-    },
-    setupMediaListeners: () => {
-      const f = g();
-      f && (f.addEventListener("timeupdate", u), f.addEventListener("loadedmetadata", u), f.addEventListener("ended", () => {
-        t.value = !1;
-      }));
-    },
-    cleanupMediaListeners: () => {
-      const f = g();
-      f && (f.removeEventListener("timeupdate", u), f.removeEventListener("loadedmetadata", u));
-    },
-    updateProgress: u
+    }
+  };
+  const cleanupMediaListeners = () => {
+    const media = mediaRef();
+    if (media) {
+      media.removeEventListener("timeupdate", updateProgress);
+      media.removeEventListener("loadedmetadata", updateProgress);
+    }
+  };
+  return {
+    isPlaying,
+    progress,
+    currentTime,
+    duration,
+    isMuted,
+    volume,
+    showControls,
+    isAudio,
+    togglePlay,
+    toggleMute,
+    handleVolumeChange,
+    seekTo,
+    formatTime,
+    autoPlay,
+    setupMediaListeners,
+    cleanupMediaListeners,
+    updateProgress
   };
 }
-function pn(e) {
-  const g = /* @__PURE__ */ new Map(), t = D(/* @__PURE__ */ new Map()), r = async (i) => {
-    if (!(i.type !== d.APPLICATION || !i.id)) {
-      if (g.has(i.id)) {
-        const w = g.get(i.id);
-        w && t.value.set(i.id, w);
-        return;
+function useApplicationIcon(items) {
+  const appIconCache = /* @__PURE__ */ new Map();
+  const appIconUrls = ref(/* @__PURE__ */ new Map());
+  const loadApplicationIcon = async (item) => {
+    if (item.type !== FileType.APPLICATION || !item.id) return;
+    if (appIconCache.has(item.id)) {
+      const cachedUrl = appIconCache.get(item.id);
+      if (cachedUrl) {
+        appIconUrls.value.set(item.id, cachedUrl);
       }
-      if (!t.value.has(i.id) && typeof window.fileExplorerAPI < "u" && window.fileExplorerAPI.getApplicationIcon)
-        try {
-          const w = await window.fileExplorerAPI.getApplicationIcon(i.id);
-          w && (g.set(i.id, w), t.value.set(i.id, w));
-        } catch (w) {
-          console.error(`Failed to load application icon for ${i.name}:`, w);
+      return;
+    }
+    if (appIconUrls.value.has(item.id)) {
+      return;
+    }
+    if (typeof window.fileExplorerAPI !== "undefined" && window.fileExplorerAPI.getApplicationIcon) {
+      try {
+        const iconUrl = await window.fileExplorerAPI.getApplicationIcon(item.id);
+        if (iconUrl) {
+          appIconCache.set(item.id, iconUrl);
+          appIconUrls.value.set(item.id, iconUrl);
         }
+      } catch (error) {
+        console.error(`Failed to load application icon for ${item.name}:`, error);
+      }
     }
   };
-  return ee(e, (i) => {
-    i.forEach((w) => {
-      w.type === d.APPLICATION && !t.value.has(w.id) && r(w);
+  watch(items, (newItems) => {
+    newItems.forEach((item) => {
+      if (item.type === FileType.APPLICATION && !appIconUrls.value.has(item.id)) {
+        loadApplicationIcon(item);
+      }
     });
-  }, { immediate: !0, deep: !0 }), {
-    getAppIconUrl: (i) => t.value.get(i.id),
-    loadApplicationIcon: r
+  }, { immediate: true, deep: true });
+  const getAppIconUrl = (item) => {
+    return appIconUrls.value.get(item.id);
+  };
+  return {
+    getAppIconUrl,
+    loadApplicationIcon
   };
 }
 export {
-  ut as Breadcrumb,
-  rn as CompressDialog,
-  ln as ContextMenu,
-  Be as FileGrid,
-  be as FileIcon,
-  dn as FileInfoDialog,
-  Ze as FileList,
-  tn as FileListView,
-  sn as FileSidebar,
-  d as FileType,
-  cn as ProgressDialog,
-  ae as SortIndicator,
-  on as StatusBar,
-  nn as Toolbar,
-  an as Window,
-  pn as useApplicationIcon,
-  mn as useDragAndDrop,
-  gn as useMediaPlayer,
-  un as useSelection,
-  Ut as useWindowDrag,
-  Ft as useWindowResize
+  Breadcrumb,
+  CompressDialog,
+  ContextMenu,
+  FileGrid,
+  FileIcon,
+  FileInfoDialog,
+  FileList,
+  FileListView,
+  FileSidebar,
+  FileType,
+  ProgressDialog,
+  SortIndicator,
+  StatusBar,
+  Toolbar,
+  Window,
+  useApplicationIcon,
+  useDragAndDrop,
+  useMediaPlayer,
+  useSelection,
+  useWindowDrag,
+  useWindowResize
 };
-//# sourceMappingURL=index.js.map