@nocobase/plugin-file-manager 2.1.0-alpha.40 → 2.1.0-alpha.46

package/dist/shared/previewer/filePreviewTypes.js

@@ -1,459 +0,0 @@
-/**
- * This file is part of the NocoBase (R) project.
- * Copyright (c) 2020-2024 NocoBase Co., Ltd.
- * Authors: NocoBase Team.
- *
- * This project is dual-licensed under AGPL-3.0 and NocoBase Commercial License.
- * For more information, please refer to: https://www.nocobase.com/agreement.
- */
-
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var filePreviewTypes_exports = {};
-__export(filePreviewTypes_exports, {
-  FilePreviewRenderer: () => FilePreviewRenderer,
-  FilePreviewTypes: () => FilePreviewTypes,
-  filePreviewTypes: () => filePreviewTypes,
-  getDownloadFileName: () => getDownloadFileName,
-  getFallbackIcon: () => getFallbackIcon,
-  getFileExt: () => getFileExt,
-  getFileName: () => getFileName,
-  getFileUrl: () => getFileUrl,
-  getPreviewFileUrl: () => getPreviewFileUrl,
-  getPreviewThumbnailUrl: () => getPreviewThumbnailUrl,
-  isActiveContentFile: () => isActiveContentFile,
-  matchMimetype: () => matchMimetype,
-  normalizePreviewFile: () => normalizePreviewFile,
-  wrapWithModalPreviewer: () => wrapWithModalPreviewer
-});
-module.exports = __toCommonJS(filePreviewTypes_exports);
-var import_react = __toESM(require("react"));
-var import_icons = require("@ant-design/icons");
-var import_antd = require("antd");
-var import_mime_match = __toESM(require("mime-match"));
-var import_react_i18next = require("react-i18next");
-var import_locale = require("../locale");
-class FilePreviewTypes {
-  types = [];
-  add(type) {
-    this.types.unshift(type);
-  }
-  getTypeByFile(file) {
-    const normalized = normalizePreviewFile(file);
-    return this.types.find((type) => type.match(normalized));
-  }
-}
-const filePreviewTypes = new FilePreviewTypes();
-function normalizePreviewFile(file) {
-  if (!file) {
-    return file;
-  }
-  if (typeof file === "string") {
-    return { url: file };
-  }
-  return file;
-}
-function getPreviewFileUrl(file) {
-  if (!file) {
-    return "";
-  }
-  if (typeof file === "string") {
-    return file;
-  }
-  return file.preview || file.url || "";
-}
-function getFileUrl(file) {
-  if (!file) {
-    return "";
-  }
-  if (typeof file === "string") {
-    return file;
-  }
-  return file.url || file.preview || "";
-}
-const FALLBACK_ICON_MAP = {
-  pdf: "/file-placeholder/pdf-200-200.png",
-  mp4: "/file-placeholder/video-200-200.png",
-  mov: "/file-placeholder/video-200-200.png",
-  avi: "/file-placeholder/video-200-200.png",
-  wmv: "/file-placeholder/video-200-200.png",
-  flv: "/file-placeholder/video-200-200.png",
-  mkv: "/file-placeholder/video-200-200.png",
-  mp3: "/file-placeholder/audio-200-200.png",
-  wav: "/file-placeholder/audio-200-200.png",
-  aac: "/file-placeholder/audio-200-200.png",
-  ogg: "/file-placeholder/audio-200-200.png",
-  doc: "/file-placeholder/docx-200-200.png",
-  docx: "/file-placeholder/docx-200-200.png",
-  odt: "/file-placeholder/docx-200-200.png",
-  xls: "/file-placeholder/xlsx-200-200.png",
-  xlsx: "/file-placeholder/xlsx-200-200.png",
-  csv: "/file-placeholder/xlsx-200-200.png",
-  ppt: "/file-placeholder/pptx-200-200.png",
-  pptx: "/file-placeholder/pptx-200-200.png",
-  jpg: "/file-placeholder/jpeg-200-200.png",
-  jpeg: "/file-placeholder/jpeg-200-200.png",
-  png: "/file-placeholder/png-200-200.png",
-  gif: "/file-placeholder/gif-200-200.png",
-  webp: "/file-placeholder/png-200-200.png",
-  bmp: "/file-placeholder/png-200-200.png",
-  svg: "/file-placeholder/svg-200-200.png",
-  default: "/file-placeholder/unknown-200-200.png"
-};
-const ACTIVE_CONTENT_MIMETYPES = /* @__PURE__ */ new Set(["application/xhtml+xml", "image/svg+xml", "text/html"]);
-const ACTIVE_CONTENT_EXTENSIONS = /* @__PURE__ */ new Set(["htm", "html", "svg", "svgz", "xhtml"]);
-const stripQueryAndHash = (url) => url.split("?")[0].split("#")[0];
-const getExtFromName = (value) => {
-  if (!value) {
-    return "";
-  }
-  const clean = stripQueryAndHash(value);
-  const index = clean.lastIndexOf(".");
-  return index !== -1 ? clean.slice(index + 1).toLowerCase() : "";
-};
-const EXT_MIMETYPE_MAP = {
-  aac: "audio/aac",
-  avi: "video/x-msvideo",
-  bmp: "image/bmp",
-  csv: "text/csv",
-  doc: "application/msword",
-  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-  flv: "video/x-flv",
-  gif: "image/gif",
-  jpeg: "image/jpeg",
-  jpg: "image/jpeg",
-  json: "application/json",
-  mkv: "video/x-matroska",
-  mov: "video/quicktime",
-  mp3: "audio/mpeg",
-  mp4: "video/mp4",
-  odt: "application/vnd.oasis.opendocument.text",
-  ogg: "audio/ogg",
-  pdf: "application/pdf",
-  png: "image/png",
-  ppt: "application/vnd.ms-powerpoint",
-  pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-  svg: "image/svg+xml",
-  txt: "text/plain",
-  wav: "audio/wav",
-  webp: "image/webp",
-  wmv: "video/x-ms-wmv",
-  xls: "application/vnd.ms-excel",
-  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
-};
-function matchMimetype(file, type) {
-  if (!file) {
-    return false;
-  }
-  if (file.originFileObj) {
-    return (0, import_mime_match.default)(file.type, type);
-  }
-  if (file.mimetype) {
-    return (0, import_mime_match.default)(file.mimetype, type);
-  }
-  if (file.url) {
-    return (0, import_mime_match.default)(EXT_MIMETYPE_MAP[getExtFromName(file.url)] || "", type);
-  }
-  return false;
-}
-const getNameFromUrl = (url) => {
-  if (!url) {
-    return "";
-  }
-  const clean = stripQueryAndHash(url);
-  const index = clean.lastIndexOf("/");
-  return index !== -1 ? clean.slice(index + 1) : clean;
-};
-const getFileExt = (file, url) => {
-  if (file && typeof file === "object") {
-    if (file.extname) {
-      return String(file.extname).replace(/^\./, "").toLowerCase();
-    }
-    const nameExt = getExtFromName(file.name || file.filename || file.title);
-    if (nameExt) {
-      return nameExt;
-    }
-  }
-  return getExtFromName(url);
-};
-const isActiveContentFile = (file, url) => {
-  const mimetype = (file == null ? void 0 : file.mimetype) || (file == null ? void 0 : file.type);
-  if (typeof mimetype === "string" && ACTIVE_CONTENT_MIMETYPES.has(mimetype.toLowerCase())) {
-    return true;
-  }
-  const ext = getFileExt(file, url);
-  return ACTIVE_CONTENT_EXTENSIONS.has(ext);
-};
-const getFileName = (file, url) => {
-  const nameFromUrl = getNameFromUrl(url);
-  if (!file || typeof file === "string") {
-    return nameFromUrl;
-  }
-  return file.name || file.filename || file.title || nameFromUrl;
-};
-const getDownloadFileName = (file, url) => {
-  const resolvedUrl = url || getFileUrl(file);
-  let filename = getFileName(file, resolvedUrl);
-  const ext = getFileExt(file, resolvedUrl);
-  if (filename && ext && !filename.toLowerCase().endsWith(`.${ext}`)) {
-    filename = `${filename}.${ext}`;
-  }
-  return `${Date.now()}_${filename || "file"}`;
-};
-const getFallbackIcon = (file, url) => {
-  const ext = getFileExt(file, url);
-  return FALLBACK_ICON_MAP[ext] || FALLBACK_ICON_MAP.default;
-};
-const getPreviewThumbnailUrl = (file) => {
-  const previewFile = normalizePreviewFile(file);
-  const src = getPreviewFileUrl(previewFile);
-  if (isActiveContentFile(previewFile, src)) {
-    return getFallbackIcon(previewFile, src);
-  }
-  const { getThumbnailURL } = filePreviewTypes.getTypeByFile(previewFile) ?? {};
-  const thumbnail = getThumbnailURL == null ? void 0 : getThumbnailURL(previewFile);
-  if (thumbnail) {
-    return thumbnail;
-  }
-  if (matchMimetype(previewFile, "image/*")) {
-    return "";
-  }
-  return getFallbackIcon(previewFile, src);
-};
-const renderModalFooter = (props) => {
-  const { index, list, onSwitchIndex, onDownload, file } = props;
-  const canPrev = typeof index === "number" && !!onSwitchIndex && index > 0;
-  const canNext = typeof index === "number" && !!onSwitchIndex && index < list.length - 1;
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 14, style: { fontSize: "20px" } }, /* @__PURE__ */ import_react.default.createElement(
-    import_icons.LeftOutlined,
-    {
-      style: { cursor: canPrev ? "pointer" : "not-allowed" },
-      disabled: !canPrev,
-      onClick: () => canPrev && (onSwitchIndex == null ? void 0 : onSwitchIndex(index - 1))
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_icons.RightOutlined,
-    {
-      style: { cursor: canNext ? "pointer" : "not-allowed" },
-      disabled: !canNext,
-      onClick: () => canNext && (onSwitchIndex == null ? void 0 : onSwitchIndex(index + 1))
-    }
-  ), /* @__PURE__ */ import_react.default.createElement(import_icons.DownloadOutlined, { onClick: () => onDownload(file) }));
-};
-const wrapWithModalPreviewer = (Previewer) => {
-  return function WrappedPreviewer(props) {
-    const { open, onOpenChange, onClose, file } = props;
-    if (typeof open !== "boolean") {
-      return /* @__PURE__ */ import_react.default.createElement(Previewer, { ...props });
-    }
-    const title = getFileName(file, getFileUrl(file));
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_antd.Modal,
-      {
-        open,
-        title,
-        onCancel: () => {
-          onOpenChange == null ? void 0 : onOpenChange(false);
-          onClose == null ? void 0 : onClose();
-        },
-        footer: renderModalFooter(props),
-        width: "90vw",
-        centered: true
-      },
-      /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          style: {
-            maxWidth: "100%",
-            maxHeight: "calc(100vh - 256px)",
-            height: "80vh",
-            width: "100%",
-            background: "white",
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "center",
-            alignItems: "center",
-            overflowY: "auto"
-          }
-        },
-        /* @__PURE__ */ import_react.default.createElement(Previewer, { ...props })
-      )
-    );
-  };
-};
-const ImagePreviewer = (props) => {
-  const { file, list, index, open, onOpenChange, onSwitchIndex, onClose, onDownload } = props;
-  if (typeof open !== "boolean") {
-    return null;
-  }
-  const src = getFileUrl(file);
-  if (!src) {
-    return null;
-  }
-  const canPrev = typeof index === "number" && index > 0;
-  const canNext = typeof index === "number" && index < list.length - 1;
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Image,
-    {
-      wrapperStyle: { display: "none" },
-      preview: {
-        visible: open,
-        onVisibleChange: (visible) => onOpenChange == null ? void 0 : onOpenChange(visible),
-        afterOpenChange: (visible) => {
-          if (!visible) {
-            onClose == null ? void 0 : onClose();
-          }
-        },
-        toolbarRender: (_, {
-          transform: { scale },
-          actions: { onFlipY, onFlipX, onRotateLeft, onRotateRight, onZoomOut, onZoomIn, onReset }
-        }) => /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { size: 14, className: "toolbar-wrapper", style: { fontSize: "20px" } }, /* @__PURE__ */ import_react.default.createElement(
-          import_icons.LeftOutlined,
-          {
-            style: { cursor: canPrev ? "pointer" : "not-allowed" },
-            disabled: !canPrev,
-            onClick: () => canPrev && (onSwitchIndex == null ? void 0 : onSwitchIndex(index - 1))
-          }
-        ), /* @__PURE__ */ import_react.default.createElement(
-          import_icons.RightOutlined,
-          {
-            style: { cursor: canNext ? "pointer" : "not-allowed" },
-            disabled: !canNext,
-            onClick: () => canNext && (onSwitchIndex == null ? void 0 : onSwitchIndex(index + 1))
-          }
-        ), onDownload ? /* @__PURE__ */ import_react.default.createElement(import_icons.DownloadOutlined, { onClick: () => onDownload(file) }) : null, /* @__PURE__ */ import_react.default.createElement(import_icons.SwapOutlined, { rotate: 90, onClick: onFlipY }), /* @__PURE__ */ import_react.default.createElement(import_icons.SwapOutlined, { onClick: onFlipX }), /* @__PURE__ */ import_react.default.createElement(import_icons.RotateLeftOutlined, { onClick: onRotateLeft }), /* @__PURE__ */ import_react.default.createElement(import_icons.RotateRightOutlined, { onClick: onRotateRight }), /* @__PURE__ */ import_react.default.createElement(import_icons.ZoomOutOutlined, { disabled: scale === 1, onClick: onZoomOut }), /* @__PURE__ */ import_react.default.createElement(import_icons.ZoomInOutlined, { disabled: scale === 50, onClick: onZoomIn }), /* @__PURE__ */ import_react.default.createElement(import_icons.UndoOutlined, { onClick: onReset }))
-      },
-      src
-    }
-  );
-};
-const IframePreviewer = ({ file }) => {
-  const src = getFileUrl(file);
-  if (!src) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement("iframe", { src, width: "100%", height: "100%", style: { border: "none" } });
-};
-const AudioPreviewer = ({ file }) => {
-  const { t } = (0, import_react_i18next.useTranslation)();
-  const src = getFileUrl(file);
-  if (!src) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement("audio", { controls: true }, /* @__PURE__ */ import_react.default.createElement("source", { src, type: (file == null ? void 0 : file.type) || (file == null ? void 0 : file.mimetype) }), t("Your browser does not support the audio tag."));
-};
-const VideoPreviewer = ({ file }) => {
-  const { t } = (0, import_react_i18next.useTranslation)();
-  const src = getFileUrl(file);
-  if (!src) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement("video", { controls: true, width: "100%", height: "100%" }, /* @__PURE__ */ import_react.default.createElement("source", { src, type: (file == null ? void 0 : file.type) || (file == null ? void 0 : file.mimetype) }), t("Your browser does not support the video tag."));
-};
-const UnsupportedPreviewer = (props) => {
-  const { t } = (0, import_react_i18next.useTranslation)();
-  const { file } = props;
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_antd.Alert,
-    {
-      type: "warning",
-      description: /* @__PURE__ */ import_react.default.createElement(import_react_i18next.Trans, { ns: import_locale.NAMESPACE }, "File type is not supported for previewing, please ", props.onDownload ? /* @__PURE__ */ import_react.default.createElement("a", { onClick: () => {
-        var _a;
-        return (_a = props.onDownload) == null ? void 0 : _a.call(props, file);
-      }, style: { textDecoration: "underline", cursor: "pointer" } }, "download it to preview") : /* @__PURE__ */ import_react.default.createElement("span", null, "download it to preview")),
-      showIcon: true
-    }
-  );
-};
-filePreviewTypes.add({
-  match() {
-    return true;
-  },
-  Previewer: wrapWithModalPreviewer(UnsupportedPreviewer)
-});
-filePreviewTypes.add({
-  match(file) {
-    return matchMimetype(file, "image/*");
-  },
-  getThumbnailURL(file) {
-    return getPreviewFileUrl(file);
-  },
-  Previewer: ImagePreviewer
-});
-filePreviewTypes.add({
-  match(file) {
-    return ["text/plain", "application/pdf", "application/json"].some((type) => matchMimetype(file, type));
-  },
-  Previewer: wrapWithModalPreviewer(IframePreviewer)
-});
-filePreviewTypes.add({
-  match(file) {
-    return matchMimetype(file, "audio/*");
-  },
-  Previewer: wrapWithModalPreviewer(AudioPreviewer)
-});
-filePreviewTypes.add({
-  match(file) {
-    return matchMimetype(file, "video/*");
-  },
-  Previewer: wrapWithModalPreviewer(VideoPreviewer)
-});
-filePreviewTypes.add({
-  match(file) {
-    return isActiveContentFile(file, getFileUrl(file));
-  },
-  Previewer: wrapWithModalPreviewer(UnsupportedPreviewer)
-});
-const FilePreviewRenderer = (props) => {
-  const normalized = normalizePreviewFile(props.file);
-  if (!normalized) {
-    return null;
-  }
-  const { Previewer } = filePreviewTypes.getTypeByFile(normalized) ?? {};
-  if (!Previewer) {
-    return null;
-  }
-  return /* @__PURE__ */ import_react.default.createElement(Previewer, { ...props, file: normalized });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  FilePreviewRenderer,
-  FilePreviewTypes,
-  filePreviewTypes,
-  getDownloadFileName,
-  getFallbackIcon,
-  getFileExt,
-  getFileName,
-  getFileUrl,
-  getPreviewFileUrl,
-  getPreviewThumbnailUrl,
-  isActiveContentFile,
-  matchMimetype,
-  normalizePreviewFile,
-  wrapWithModalPreviewer
-});