@duxweb/dvha-pro 1.1.30 → 1.2.0

package/dist/esm/components/upload/manager.js

@@ -1,455 +1,339 @@
-import { defineComponent as B, ref as s, computed as T, createVNode as e, nextTick as R, createTextVNode as E, isVNode as X } from "vue";
-import { useI18n as Y, useClient as G, useInfiniteList as H, useUpload as J } from "@duxweb/dvha-core";
-import { useMessage as K, NTabs as Q, NTab as C, NButton as c, NInfiniteScroll as W, NTooltip as Z, NSpin as ee, NDropdown as ae, NInput as te } from "naive-ui";
-import "vue-router";
-import { useDialog as le } from "../../hooks/dialog.js";
-import "@overlastic/vue";
-import "@vueuse/core";
-import "clsx";
-import "vue-echarts";
-import "vue3-ace-editor";
-import "ace-builds/src-noconflict/mode-vue";
-import "ace-builds/src-noconflict/mode-javascript";
-import "ace-builds/src-noconflict/mode-html";
-import "ace-builds/src-noconflict/mode-json";
-import "ace-builds/src-noconflict/mode-json5";
-import "ace-builds/src-noconflict/theme-tomorrow_night";
-import "ace-builds/src-noconflict/theme-tomorrow";
-import "ace-builds/src-noconflict/ext-searchbox";
-import "ace-builds/src-noconflict/ext-language_tools";
-import "ace-builds/src-noconflict/mode-snippets";
-import "vue-cropper";
-import "jinrishici";
-import "lodash-es";
-import { DuxDrawEmpty as oe } from "../draw/drawEmpty.js";
-import "@vee-validate/i18n";
-import "colorizr";
-import "echarts";
-import "highlight.js/lib/core";
-import "highlight.js/lib/languages/bash";
-import "highlight.js/lib/languages/css";
-import "highlight.js/lib/languages/go";
-import "highlight.js/lib/languages/java";
-import "highlight.js/lib/languages/javascript";
-import "highlight.js/lib/languages/json";
-import "highlight.js/lib/languages/markdown";
-import "highlight.js/lib/languages/php";
-import "highlight.js/lib/languages/python";
-import "highlight.js/lib/languages/shell";
-import "highlight.js/lib/languages/sql";
-import "highlight.js/lib/languages/typescript";
-import "highlight.js/lib/languages/xml";
-import "@ant-design/colors";
-import "@unocss/preset-icons/browser";
-import "@unocss/preset-typography";
-import "unocss/preset-wind4";
-import "@vee-validate/i18n/dist/locale/en.json";
-import "@vee-validate/i18n/dist/locale/zh_CN.json";
-import "vee-validate";
-import "@duxweb/dvha-naiveui";
-import "vue-command-palette";
-import "../../pages/page404.js";
-import "vue-draggable-plus";
-import "short-unique-id";
-import "aieditor";
-import { useUploadConfig as ne } from "./config.js";
-import "@vue-flow/core";
-import "lodash-es/cloneDeep";
-import "@vue-flow/background";
-/* empty css                      */
-import "mime";
-import "@iconify-json/tabler/icons.json";
-import "../posterEditor/elements/index.js";
-import "fabric";
-import "../schemaEditor/schemaEditor.js";
-import "dayjs";
-import { useDownload as re } from "../../hooks/download.js";
-import "@tanstack/vue-query";
-import "pinia";
-import { DuxFileManageItem as I } from "./manage/item.js";
-function S(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !X(t);
+import { useDialog as e } from "../../hooks/dialog.js";
+import { useDownload as t } from "../../hooks/download.js";
+import "../../hooks/index.js";
+import { DuxDrawEmpty as n } from "../draw/drawEmpty.js";
+import "../draw/index.js";
+import { useUploadConfig as r } from "./config.js";
+import { DuxFileManageItem as i } from "./manage/item.js";
+import { computed as a, createTextVNode as o, createVNode as s, defineComponent as c, isVNode as l, nextTick as u, ref as d } from "vue";
+import { useClient as f, useI18n as p, useInfiniteList as m, useUpload as h } from "@duxweb/dvha-core";
+import { NButton as g, NDropdown as _, NInfiniteScroll as v, NInput as y, NSpin as b, NTab as x, NTabs as S, NTooltip as C, useMessage as w } from "naive-ui";
+function T(e) {
+	return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !l(e);
 }
-const Ca = /* @__PURE__ */ B({
-  name: "DuxFileManage",
-  props: {
-    path: String,
-    type: String,
-    onConfirm: Function,
-    onClose: Function,
-    multiple: Boolean,
-    page: {
-      type: Boolean,
-      default: !1
-    },
-    handle: String,
-    uploadParams: Object
-  },
-  setup(t) {
-    const f = s(!1), N = s(0), D = s(0), {
-      t: l
-    } = Y(), u = s([]), M = le(), k = G(), p = K(), j = re(), d = s({
-      manager: !0,
-      type: t.type || "all",
-      folder: null
-    }), v = s(), g = () => {
-      u.value = [];
-    }, {
-      uploadPath: z,
-      managePath: x,
-      driver: U,
-      method: V
-    } = ne({
-      driver: t.uploadParams?.driver,
-      signPath: t.uploadParams?.signPath,
-      signCallback: t.uploadParams?.signCallback,
-      uploadPath: t.uploadParams?.path,
-      managePath: t.path,
-      method: t.uploadParams?.method
-    }), L = s({
-      page: 1,
-      pageSize: 20
-    }), i = H({
-      path: x.value,
-      pagination: L.value,
-      filters: d.value
-    }), h = T(() => {
-      const {
-        driver: o,
-        signPath: r,
-        signCallback: m,
-        multiple: a,
-        ...n
-      } = t.uploadParams || {};
-      return n;
-    }), y = () => {
-      g(), i.refetch();
-    }, w = (o) => {
-      M.prompt({
-        title: o.title || l("components.uploadManage.namePlaceholder") || "",
-        formSchema: [{
-          tag: te,
-          attrs: {
-            "v-model:value": "form.name"
-          }
-        }],
-        defaultValue: o.defaultName ? {
-          name: o.defaultName
-        } : void 0
-      }).then((r) => {
-        o.onConfirm(r?.name);
-      }).catch(() => {
-      });
-    }, P = J({
-      accept: h.value?.accept,
-      maxFileCount: h.value?.maxNum,
-      maxFileSize: h.value?.maxSize ? h.value.maxSize * 1024 * 1024 : void 0,
-      ...h.value,
-      path: z.value,
-      autoUpload: !0,
-      driver: U.value,
-      params: d.value,
-      method: V.value,
-      multiple: !0,
-      onSuccess: () => {
-        y();
-      },
-      onError: (o) => {
-        p.error(o?.message || l("components.uploadManage.uploadError") || "");
-      }
-    }), $ = (o) => {
-      if (!o) {
-        p.error(l("components.uploadManage.namePlaceholder") || "");
-        return;
-      }
-      k.request({
-        path: x.value,
-        method: "POST",
-        payload: {
-          name: o,
-          folder: d.value.folder
-        }
-      }).then(() => {
-        y();
-      }).catch(() => {
-        p.error(l("components.uploadManage.createError") || "");
-      });
-    }, O = (o, r, m) => {
-      if (!r) {
-        p.error(l("components.uploadManage.namePlaceholder") || "");
-        return;
-      }
-      k.request({
-        path: x.value,
-        method: "PUT",
-        payload: {
-          name: r,
-          id: m,
-          type: o
-        }
-      }).then(() => {
-        y();
-      }).catch(() => {
-        p.error(l("components.uploadManage.editError") || "");
-      });
-    }, F = (o, r) => {
-      k.request({
-        path: `${x.value}/batch`,
-        method: "DELETE",
-        payload: {
-          data: Array.isArray(r) ? r : [r],
-          type: o
-        }
-      }).then(() => {
-        y();
-      }).catch(() => {
-        p.error(l("components.uploadManage.delError") || "");
-      });
-    }, b = T(() => !!(t.type && t.type !== "all")), _ = (o) => {
-      g(), i.data.value = void 0, d.value.folder = o;
-    }, q = (o, r) => {
-      if (!r) {
-        if (t.multiple) {
-          const m = u.value.findIndex((a) => a.id === o.id);
-          m >= 0 && u.value.splice(m, 1);
-        } else
-          g();
-        return;
-      }
-      t.multiple ? u.value.some((m) => m.id === o.id) || u.value.push(o) : u.value = [o];
-    };
-    return () => {
-      let o, r, m;
-      return e("div", {
-        class: ["flex flex-col gap-2", t.page ? "h-full" : "h-500px max-h-500px"]
-      }, [e("div", {
-        class: ["flex-none flex justify-between items-center border-b border-muted p-3", t.handle]
-      }, [e("div", {
-        class: "flex-none"
-      }, [e(Q, {
-        type: "segment",
-        animated: !0,
-        size: "small",
-        tabClass: "!px-4",
-        defaultValue: "all",
-        value: d.value.type,
-        onUpdateValue: (a) => {
-          b.value || (d.value.type = a, u.value = []);
-        }
-      }, {
-        default: () => [e(C, {
-          tab: l("components.uploadManage.all"),
-          name: "all",
-          disabled: b.value
-        }, null), e(C, {
-          tab: l("components.uploadManage.image"),
-          name: "image",
-          disabled: b.value
-        }, null), e(C, {
-          tab: l("components.uploadManage.media"),
-          name: "media",
-          disabled: b.value
-        }, null), e(C, {
-          tab: l("components.uploadManage.docs"),
-          name: "docs",
-          disabled: b.value
-        }, null)]
-      })]), e("div", {
-        class: "flex gap-2"
-      }, [e(c, {
-        type: "default",
-        ghost: !0,
-        onClick: () => {
-          w({
-            onConfirm: (a) => $(a)
-          });
-        },
-        renderIcon: () => e("div", {
-          class: "i-tabler:plus"
-        }, null)
-      }, S(o = l("components.button.create")) ? o : {
-        default: () => [o]
-      }), e(c, {
-        type: "primary",
-        ghost: !0,
-        onClick: () => {
-          P.open();
-        },
-        loading: P.isUploading.value,
-        renderIcon: () => e("div", {
-          class: "i-tabler:upload"
-        }, null)
-      }, {
-        default: () => [e("div", {
-          class: "flex gap-2"
-        }, [l("components.uploadManage.upload"), P.progress.value.totalPercent > 0 && `(${P.progress.value.totalPercent}%)`])]
-      }), !t.page && e(c, {
-        type: "default",
-        ghost: !0,
-        style: {
-          "--n-padding": "0 10px"
-        },
-        onClick: () => {
-          t.onClose?.();
-        },
-        renderIcon: () => e("div", {
-          class: "i-tabler:x"
-        }, null)
-      }, null)])]), e("div", {
-        class: "flex-1 min-h-1 relative"
-      }, [i.data?.value?.data?.length > 0 && e(W, {
-        distance: 10,
-        onLoad: () => {
-          i.hasNextPage.value && i.fetchNextPage();
-        },
-        scrollbarProps: {
-          contentClass: "p-4"
-        }
-      }, {
-        default: () => [e("div", {
-          class: ["grid grid-cols-3 md:grid-cols-4 text-sm items-start justify-start", i.data.value?.data?.length >= 4 && !t.page ? " lg:grid-cols-[repeat(auto-fill,minmax(150px,1fr))]" : "lg:grid-cols-[repeat(auto-fill,minmax(150px,150px))]"]
-        }, [d.value?.folder && d.value?.folder !== i.data.value?.meta?.folder && e(I, {
-          key: `parent-${i.data.value?.meta?.folder}`,
-          type: "folder",
-          name: l("components.uploadManage.parentLevel"),
-          page: t.page,
-          onSelect: () => {
-            d.value.folder = i.data.value?.meta?.folder, g();
-          }
-        }, null), i.data.value?.data?.map((a) => e(Z, {
-          placement: "bottom",
-          key: `${a.url ? "file" : "folder"}-${a.id}`,
-          trigger: a.url ? "hover" : "manual"
-        }, {
-          default: () => a.filesize || "",
-          trigger: () => e(I, {
-            page: t.page,
-            onContextmenu: (n) => {
-              v.value = a, f.value = !1, R().then(() => {
-                f.value = !0, N.value = n.clientX, D.value = n.clientY;
-              }), n.preventDefault();
-            },
-            value: t.page ? !1 : !!u.value?.find?.((n) => n.id === a.id),
-            type: a.url ? "file" : "folder",
-            mime: a.filetype,
-            name: a.filename,
-            url: a.url,
-            time: a.time,
-            onSelect: (n) => {
-              if (!a.url) {
-                _(a.id);
-                return;
-              }
-              t.page || q(a, n);
-            }
-          }, null)
-        }))])]
-      }), i.isLoading.value ? e(ee, {
-        class: "h-full absolute w-full inset-0 bg-gray-1/50"
-      }, null) : !i.data.value?.data?.length && e("div", {
-        class: "size-full flex justify-center items-center text-sm text-gray-6"
-      }, [e("div", {
-        class: "flex flex-col  items-center"
-      }, [e("div", {
-        class: "w-26 mb-2"
-      }, [e(oe, null, null)]), e("div", {
-        class: "text-base"
-      }, [l("components.uploadManage.empty")]), e("div", {
-        class: "text-sm text-muted"
-      }, [l("components.uploadManage.emptyDesc")]), d.value?.folder && d.value?.folder !== i.data.value?.meta?.folder && e("div", {
-        class: "text-xs text-gray-6"
-      }, [e(c, {
-        type: "default",
-        ghost: !0,
-        onClick: () => {
-          d.value.folder = i.data.value?.meta?.folder, g();
-        }
-      }, S(r = l("components.uploadManage.back")) ? r : {
-        default: () => [r]
-      })])])])]), e(ae, {
-        x: N.value,
-        y: D.value,
-        placement: "bottom-start",
-        trigger: "manual",
-        show: f.value,
-        onClickoutside: () => {
-          f.value = !1;
-        },
-        onUpdateShow: (a) => {
-          a || (v.value = void 0);
-        },
-        onSelect: (a) => {
-          const n = v.value ? {
-            ...v.value
-          } : void 0;
-          switch (f.value = !1, a) {
-            case "download":
-              j.url(n?.url);
-              break;
-            case "rename":
-              w({
-                defaultName: n?.filename || n?.name,
-                onConfirm: (A) => {
-                  O(n?.type, A, n?.id);
-                }
-              });
-              break;
-            case "delete":
-              M.confirm({
-                title: l("components.uploadManage.delTitle"),
-                content: l("components.uploadManage.delDesc")
-              }).then(() => {
-                F(n?.type, n?.id);
-              });
-              break;
-          }
-        },
-        options: [v.value?.url && {
-          label: l("components.button.download"),
-          key: "download",
-          icon: () => e("div", {
-            class: "i-tabler:download"
-          }, null)
-        }, {
-          label: l("components.button.rename"),
-          key: "rename",
-          icon: () => e("div", {
-            class: "i-tabler:cursor-text"
-          }, null)
-        }, {
-          label: l("components.button.delete"),
-          key: "delete",
-          icon: () => e("div", {
-            class: "i-tabler:trash"
-          }, null)
-        }].filter((a) => a)
-      }, null), !t.page && e("div", {
-        class: "flex justify-end gap-2 border-t border-muted p-3"
-      }, [e("div", null, [u.value?.length > 0 && e(c, {
-        type: "error",
-        secondary: !0,
-        onClick: () => {
-          M.confirm({
-            title: l("components.uploadManage.delTitle"),
-            content: l("components.uploadManage.delDesc")
-          }).then(() => {
-            F("file", u.value?.map((a) => a.id));
-          });
-        }
-      }, S(m = l("components.button.delete")) ? m : {
-        default: () => [m]
-      })]), e("div", null, [e(c, {
-        type: "primary",
-        disabled: !u.value?.length,
-        onClick: () => {
-          t.onConfirm?.(u.value);
-        }
-      }, {
-        default: () => [l("components.button.select"), E("("), u.value?.length || 0, E(")")]
-      })])])]);
-    };
-  }
+var E = /* @__PURE__ */ c({
+	name: "DuxFileManage",
+	props: {
+		path: String,
+		type: String,
+		onConfirm: Function,
+		onClose: Function,
+		multiple: Boolean,
+		page: {
+			type: Boolean,
+			default: !1
+		},
+		handle: String,
+		uploadParams: Object
+	},
+	setup(c) {
+		let l = d(!1), E = d(0), D = d(0), { t: O } = p(), k = d([]), A = e(), j = f(), M = w(), N = t(), P = d({
+			manager: !0,
+			type: c.type || "all",
+			folder: null
+		}), F = d(), I = () => {
+			k.value = [];
+		}, { uploadPath: L, managePath: R, driver: z, method: B } = r({
+			driver: c.uploadParams?.driver,
+			signPath: c.uploadParams?.signPath,
+			signCallback: c.uploadParams?.signCallback,
+			uploadPath: c.uploadParams?.path,
+			managePath: c.path,
+			method: c.uploadParams?.method
+		}), V = d({
+			page: 1,
+			pageSize: 20
+		}), H = m({
+			path: R.value,
+			pagination: V.value,
+			filters: P.value
+		}), U = a(() => {
+			let { driver: e, signPath: t, signCallback: n, multiple: r, ...i } = c.uploadParams || {};
+			return i;
+		}), W = () => {
+			I(), H.refetch();
+		}, G = (e) => {
+			A.prompt({
+				title: e.title || O("components.uploadManage.namePlaceholder") || "",
+				formSchema: [{
+					tag: y,
+					attrs: { "v-model:value": "form.name" }
+				}],
+				defaultValue: e.defaultName ? { name: e.defaultName } : void 0
+			}).then((t) => {
+				e.onConfirm(t?.name);
+			}).catch(() => {});
+		}, K = h({
+			accept: U.value?.accept,
+			maxFileCount: U.value?.maxNum,
+			maxFileSize: U.value?.maxSize ? U.value.maxSize * 1024 * 1024 : void 0,
+			...U.value,
+			path: L.value,
+			autoUpload: !0,
+			driver: z.value,
+			params: P.value,
+			method: B.value,
+			multiple: !0,
+			onSuccess: () => {
+				W();
+			},
+			onError: (e) => {
+				M.error(e?.message || O("components.uploadManage.uploadError") || "");
+			}
+		}), q = (e) => {
+			if (!e) {
+				M.error(O("components.uploadManage.namePlaceholder") || "");
+				return;
+			}
+			j.request({
+				path: R.value,
+				method: "POST",
+				payload: {
+					name: e,
+					folder: P.value.folder
+				}
+			}).then(() => {
+				W();
+			}).catch(() => {
+				M.error(O("components.uploadManage.createError") || "");
+			});
+		}, J = (e, t, n) => {
+			if (!t) {
+				M.error(O("components.uploadManage.namePlaceholder") || "");
+				return;
+			}
+			j.request({
+				path: R.value,
+				method: "PUT",
+				payload: {
+					name: t,
+					id: n,
+					type: e
+				}
+			}).then(() => {
+				W();
+			}).catch(() => {
+				M.error(O("components.uploadManage.editError") || "");
+			});
+		}, Y = (e, t) => {
+			j.request({
+				path: `${R.value}/batch`,
+				method: "DELETE",
+				payload: {
+					data: Array.isArray(t) ? t : [t],
+					type: e
+				}
+			}).then(() => {
+				W();
+			}).catch(() => {
+				M.error(O("components.uploadManage.delError") || "");
+			});
+		}, X = a(() => !!(c.type && c.type !== "all")), Z = (e) => {
+			I(), H.data.value = void 0, P.value.folder = e;
+		}, Q = (e, t) => {
+			if (!t) {
+				if (c.multiple) {
+					let t = k.value.findIndex((t) => t.id === e.id);
+					t >= 0 && k.value.splice(t, 1);
+				} else I();
+				return;
+			}
+			c.multiple ? k.value.some((t) => t.id === e.id) || k.value.push(e) : k.value = [e];
+		};
+		return () => {
+			let e, t, r;
+			return s("div", { class: ["flex flex-col gap-2", c.page ? "h-full" : "h-500px max-h-500px"] }, [
+				s("div", { class: ["flex-none flex justify-between items-center border-b border-muted p-3", c.handle] }, [s("div", { class: "flex-none" }, [s(S, {
+					type: "segment",
+					animated: !0,
+					size: "small",
+					tabClass: "!px-4",
+					defaultValue: "all",
+					value: P.value.type,
+					onUpdateValue: (e) => {
+						X.value || (P.value.type = e, k.value = []);
+					}
+				}, { default: () => [
+					s(x, {
+						tab: O("components.uploadManage.all"),
+						name: "all",
+						disabled: X.value
+					}, null),
+					s(x, {
+						tab: O("components.uploadManage.image"),
+						name: "image",
+						disabled: X.value
+					}, null),
+					s(x, {
+						tab: O("components.uploadManage.media"),
+						name: "media",
+						disabled: X.value
+					}, null),
+					s(x, {
+						tab: O("components.uploadManage.docs"),
+						name: "docs",
+						disabled: X.value
+					}, null)
+				] })]), s("div", { class: "flex gap-2" }, [
+					s(g, {
+						type: "default",
+						ghost: !0,
+						onClick: () => {
+							G({ onConfirm: (e) => q(e) });
+						},
+						renderIcon: () => s("div", { class: "i-tabler:plus" }, null)
+					}, T(e = O("components.button.create")) ? e : { default: () => [e] }),
+					s(g, {
+						type: "primary",
+						ghost: !0,
+						onClick: () => {
+							K.open();
+						},
+						loading: K.isUploading.value,
+						renderIcon: () => s("div", { class: "i-tabler:upload" }, null)
+					}, { default: () => [s("div", { class: "flex gap-2" }, [O("components.uploadManage.upload"), K.progress.value.totalPercent > 0 && `(${K.progress.value.totalPercent}%)`])] }),
+					!c.page && s(g, {
+						type: "default",
+						ghost: !0,
+						style: { "--n-padding": "0 10px" },
+						onClick: () => {
+							c.onClose?.();
+						},
+						renderIcon: () => s("div", { class: "i-tabler:x" }, null)
+					}, null)
+				])]),
+				s("div", { class: "flex-1 min-h-1 relative" }, [H.data?.value?.data?.length > 0 && s(v, {
+					distance: 10,
+					onLoad: () => {
+						H.hasNextPage.value && H.fetchNextPage();
+					},
+					scrollbarProps: { contentClass: "p-4" }
+				}, { default: () => [s("div", { class: ["grid grid-cols-3 md:grid-cols-4 text-sm items-start justify-start", H.data.value?.data?.length >= 4 && !c.page ? " lg:grid-cols-[repeat(auto-fill,minmax(150px,1fr))]" : "lg:grid-cols-[repeat(auto-fill,minmax(150px,150px))]"] }, [P.value?.folder && P.value?.folder !== H.data.value?.meta?.folder && s(i, {
+					key: `parent-${H.data.value?.meta?.folder}`,
+					type: "folder",
+					name: O("components.uploadManage.parentLevel"),
+					page: c.page,
+					onSelect: () => {
+						P.value.folder = H.data.value?.meta?.folder, I();
+					}
+				}, null), H.data.value?.data?.map((e) => s(C, {
+					placement: "bottom",
+					key: `${e.url ? "file" : "folder"}-${e.id}`,
+					trigger: e.url ? "hover" : "manual"
+				}, {
+					default: () => e.filesize || "",
+					trigger: () => s(i, {
+						page: c.page,
+						onContextmenu: (t) => {
+							F.value = e, l.value = !1, u().then(() => {
+								l.value = !0, E.value = t.clientX, D.value = t.clientY;
+							}), t.preventDefault();
+						},
+						value: c.page ? !1 : !!k.value?.find?.((t) => t.id === e.id),
+						type: e.url ? "file" : "folder",
+						mime: e.filetype,
+						name: e.filename,
+						url: e.url,
+						time: e.time,
+						onSelect: (t) => {
+							if (!e.url) {
+								Z(e.id);
+								return;
+							}
+							c.page || Q(e, t);
+						}
+					}, null)
+				}))])] }), H.isLoading.value ? s(b, { class: "h-full absolute w-full inset-0 bg-gray-1/50" }, null) : !H.data.value?.data?.length && s("div", { class: "size-full flex justify-center items-center text-sm text-gray-6" }, [s("div", { class: "flex flex-col  items-center" }, [
+					s("div", { class: "w-26 mb-2" }, [s(n, null, null)]),
+					s("div", { class: "text-base" }, [O("components.uploadManage.empty")]),
+					s("div", { class: "text-sm text-muted" }, [O("components.uploadManage.emptyDesc")]),
+					P.value?.folder && P.value?.folder !== H.data.value?.meta?.folder && s("div", { class: "text-xs text-gray-6" }, [s(g, {
+						type: "default",
+						ghost: !0,
+						onClick: () => {
+							P.value.folder = H.data.value?.meta?.folder, I();
+						}
+					}, T(t = O("components.uploadManage.back")) ? t : { default: () => [t] })])
+				])])]),
+				s(_, {
+					x: E.value,
+					y: D.value,
+					placement: "bottom-start",
+					trigger: "manual",
+					show: l.value,
+					onClickoutside: () => {
+						l.value = !1;
+					},
+					onUpdateShow: (e) => {
+						e || (F.value = void 0);
+					},
+					onSelect: (e) => {
+						let t = F.value ? { ...F.value } : void 0;
+						switch (l.value = !1, e) {
+							case "download":
+								N.url(t?.url);
+								break;
+							case "rename":
+								G({
+									defaultName: t?.filename || t?.name,
+									onConfirm: (e) => {
+										J(t?.type, e, t?.id);
+									}
+								});
+								break;
+							case "delete":
+								A.confirm({
+									title: O("components.uploadManage.delTitle"),
+									content: O("components.uploadManage.delDesc")
+								}).then(() => {
+									Y(t?.type, t?.id);
+								});
+								break;
+						}
+					},
+					options: [
+						F.value?.url && {
+							label: O("components.button.download"),
+							key: "download",
+							icon: () => s("div", { class: "i-tabler:download" }, null)
+						},
+						{
+							label: O("components.button.rename"),
+							key: "rename",
+							icon: () => s("div", { class: "i-tabler:cursor-text" }, null)
+						},
+						{
+							label: O("components.button.delete"),
+							key: "delete",
+							icon: () => s("div", { class: "i-tabler:trash" }, null)
+						}
+					].filter((e) => e)
+				}, null),
+				!c.page && s("div", { class: "flex justify-end gap-2 border-t border-muted p-3" }, [s("div", null, [k.value?.length > 0 && s(g, {
+					type: "error",
+					secondary: !0,
+					onClick: () => {
+						A.confirm({
+							title: O("components.uploadManage.delTitle"),
+							content: O("components.uploadManage.delDesc")
+						}).then(() => {
+							Y("file", k.value?.map((e) => e.id));
+						});
+					}
+				}, T(r = O("components.button.delete")) ? r : { default: () => [r] })]), s("div", null, [s(g, {
+					type: "primary",
+					disabled: !k.value?.length,
+					onClick: () => {
+						c.onConfirm?.(k.value);
+					}
+				}, { default: () => [
+					O("components.button.select"),
+					o("("),
+					k.value?.length || 0,
+					o(")")
+				] })])])
+			]);
+		};
+	}
 });
-export {
-  Ca as default
-};
+export { E as default };