fui-material 2.8.16 → 2.8.18

package/dist/f-ui-kit.es.js

@@ -2018,16 +2018,177 @@ const FOpenImgFull = ({
     document.body
   );
 };
-const preview$1 = "_preview_b55p5_1";
-const imageButton = "_imageButton_b55p5_7";
-const download = "_download_b55p5_27";
+function fDownloadBlobFile(blob, fileName) {
+  if (!blob) {
+    throw new Error("Blob or string content must not be empty");
+  }
+  const blobObject = typeof blob === "string" ? new Blob([blob], { type: "text/plain;charset=utf-8" }) : blob;
+  const link2 = document.createElement("a");
+  const url = window.URL.createObjectURL(blobObject);
+  link2.href = url;
+  link2.download = fileName;
+  link2.style.display = "none";
+  document.body.appendChild(link2);
+  link2.click();
+  document.body.removeChild(link2);
+  window.URL.revokeObjectURL(url);
+}
+const fDownloadFileFromBase64 = (base64String, fileName) => {
+  if (!base64String) {
+    console.error("Invalid Base64 string");
+    return;
+  }
+  let mimeType;
+  let base64Data;
+  if (base64String.startsWith("data:")) {
+    const dataUriMatch = base64String.match(/^data:([^;]+);base64,/);
+    if (dataUriMatch && dataUriMatch[1]) {
+      mimeType = dataUriMatch[1];
+    } else {
+      mimeType = "application/octet-stream";
+    }
+    base64Data = base64String.split(",")[1] || "";
+  } else {
+    mimeType = getMimeTypeFromFileName(fileName) || "application/octet-stream";
+    base64Data = base64String;
+  }
+  try {
+    const byteCharacters = atob(base64Data);
+    const byteNumbers = new Array(byteCharacters.length);
+    for (let i = 0; i < byteCharacters.length; i++) {
+      byteNumbers[i] = byteCharacters.charCodeAt(i);
+    }
+    const byteArray = new Uint8Array(byteNumbers);
+    const blob = new Blob([byteArray], { type: mimeType });
+    const url = window.URL.createObjectURL(blob);
+    const link2 = document.createElement("a");
+    link2.href = url;
+    link2.download = fileName;
+    document.body.appendChild(link2);
+    link2.click();
+    document.body.removeChild(link2);
+    window.URL.revokeObjectURL(url);
+  } catch (error2) {
+    console.error("Ошибка при обработке Base64:", error2);
+  }
+};
+const getMimeTypeFromFileName = (fileName) => {
+  var _a;
+  const extension = (_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase();
+  if (!extension) return void 0;
+  const mimeTypes = {
+    txt: "text/plain",
+    pdf: "application/pdf",
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    gif: "image/gif",
+    svg: "image/svg+xml",
+    doc: "application/msword",
+    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    xls: "application/vnd.ms-excel",
+    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+    ppt: "application/vnd.ms-powerpoint",
+    pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+    json: "application/json",
+    zip: "application/zip",
+    mp3: "audio/mpeg",
+    mp4: "video/mp4"
+  };
+  return mimeTypes[extension];
+};
+const preview$1 = "_preview_irgtv_1";
+const imageButton = "_imageButton_irgtv_7";
+const download = "_download_irgtv_27";
 const styles$n = {
   preview: preview$1,
   imageButton,
   download
 };
-const FImagePreview = ({ src, alt = "", id, className, st }) => {
+const getExtensionFromMimeType = (mimeType) => {
+  const cleanType = mimeType.split(";")[0].trim().toLowerCase();
+  switch (cleanType) {
+    case "image/jpeg":
+      return "jpg";
+    case "image/png":
+      return "png";
+    case "image/gif":
+      return "gif";
+    case "image/webp":
+      return "webp";
+    case "image/svg+xml":
+      return "svg";
+    case "image/avif":
+      return "avif";
+    case "image/bmp":
+      return "bmp";
+    case "image/x-icon":
+    case "image/vnd.microsoft.icon":
+      return "ico";
+    default:
+      return "";
+  }
+};
+const getFileName = (url, fallback) => {
+  if (url.startsWith("data:")) {
+    const mimeMatch = url.match(/^data:([^;]+);/);
+    const ext = mimeMatch ? getExtensionFromMimeType(mimeMatch[1]) : "png";
+    const base = (fallback == null ? void 0 : fallback.trim()) || "image";
+    return base.includes(".") ? base : `${base}.${ext || "png"}`;
+  }
+  try {
+    const parsed = new URL(url, window.location.href);
+    const segments = parsed.pathname.split("/").filter(Boolean);
+    const lastSegment = segments.pop();
+    if (lastSegment) {
+      return decodeURIComponent(lastSegment);
+    }
+  } catch {
+    const clean = url.split("?")[0].split("#")[0];
+    const segments = clean.split("/").filter(Boolean);
+    const lastSegment = segments.pop();
+    if (lastSegment) {
+      return decodeURIComponent(lastSegment);
+    }
+  }
+  return (fallback == null ? void 0 : fallback.trim()) || "image";
+};
+const FImagePreview = ({ src, alt = "", id, className, st, fileName }) => {
   const [isOpen, setIsOpen] = useState(false);
+  const handleDownload = async (event) => {
+    event.stopPropagation();
+    if (!src) return;
+    const defaultFileName = getFileName(src, alt);
+    const resolvedFileName = fileName || defaultFileName;
+    try {
+      if (src.startsWith("data:")) {
+        fDownloadFileFromBase64(src, resolvedFileName);
+        return;
+      }
+      const response = await fetch(src);
+      if (!response.ok) {
+        throw new Error(`Failed to fetch image: ${response.statusText}`);
+      }
+      const blob = await response.blob();
+      let finalName = resolvedFileName;
+      if (!finalName.includes(".") && blob.type) {
+        const ext = getExtensionFromMimeType(blob.type);
+        if (ext) {
+          finalName = `${finalName}.${ext}`;
+        }
+      }
+      fDownloadBlobFile(blob, finalName);
+    } catch {
+      const link2 = document.createElement("a");
+      link2.href = src;
+      link2.download = resolvedFileName;
+      link2.target = "_blank";
+      link2.rel = "noreferrer noopener";
+      document.body.appendChild(link2);
+      link2.click();
+      document.body.removeChild(link2);
+    }
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs(
       "div",
@@ -2046,7 +2207,17 @@ const FImagePreview = ({ src, alt = "", id, className, st }) => {
               children: /* @__PURE__ */ jsx("img", { src, alt })
             }
           ),
-          /* @__PURE__ */ jsx("a", { className: styles$n.download, href: src, download: true, "aria-label": "Скачать изображение", title: "Скачать изображение", children: /* @__PURE__ */ jsx(FDownloadIcon, { color: "light", size: 18 }) })
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: styles$n.download,
+              onClick: handleDownload,
+              "aria-label": "Скачать изображение",
+              title: "Скачать изображение",
+              children: /* @__PURE__ */ jsx(FDownloadIcon, { color: "light", size: 18 })
+            }
+          )
         ]
       }
     ),
@@ -8854,85 +9025,6 @@ const fConvertFileToBase64 = (file, deletePrefix = false) => {
     reader.readAsDataURL(file);
   });
 };
-const fDownloadFileFromBase64 = (base64String, fileName) => {
-  if (!base64String) {
-    console.error("Invalid Base64 string");
-    return;
-  }
-  let mimeType;
-  let base64Data;
-  if (base64String.startsWith("data:")) {
-    const dataUriMatch = base64String.match(/^data:([^;]+);base64,/);
-    if (dataUriMatch && dataUriMatch[1]) {
-      mimeType = dataUriMatch[1];
-    } else {
-      mimeType = "application/octet-stream";
-    }
-    base64Data = base64String.split(",")[1] || "";
-  } else {
-    mimeType = getMimeTypeFromFileName(fileName) || "application/octet-stream";
-    base64Data = base64String;
-  }
-  try {
-    const byteCharacters = atob(base64Data);
-    const byteNumbers = new Array(byteCharacters.length);
-    for (let i = 0; i < byteCharacters.length; i++) {
-      byteNumbers[i] = byteCharacters.charCodeAt(i);
-    }
-    const byteArray = new Uint8Array(byteNumbers);
-    const blob = new Blob([byteArray], { type: mimeType });
-    const url = window.URL.createObjectURL(blob);
-    const link2 = document.createElement("a");
-    link2.href = url;
-    link2.download = fileName;
-    document.body.appendChild(link2);
-    link2.click();
-    document.body.removeChild(link2);
-    window.URL.revokeObjectURL(url);
-  } catch (error2) {
-    console.error("Ошибка при обработке Base64:", error2);
-  }
-};
-const getMimeTypeFromFileName = (fileName) => {
-  var _a;
-  const extension = (_a = fileName.split(".").pop()) == null ? void 0 : _a.toLowerCase();
-  if (!extension) return void 0;
-  const mimeTypes = {
-    txt: "text/plain",
-    pdf: "application/pdf",
-    png: "image/png",
-    jpg: "image/jpeg",
-    jpeg: "image/jpeg",
-    gif: "image/gif",
-    svg: "image/svg+xml",
-    doc: "application/msword",
-    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
-    xls: "application/vnd.ms-excel",
-    xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
-    ppt: "application/vnd.ms-powerpoint",
-    pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
-    json: "application/json",
-    zip: "application/zip",
-    mp3: "audio/mpeg",
-    mp4: "video/mp4"
-  };
-  return mimeTypes[extension];
-};
-function fDownloadBlobFile(blob, fileName) {
-  if (!blob) {
-    throw new Error("Blob or string content must not be empty");
-  }
-  const blobObject = typeof blob === "string" ? new Blob([blob], { type: "text/plain;charset=utf-8" }) : blob;
-  const link2 = document.createElement("a");
-  const url = window.URL.createObjectURL(blobObject);
-  link2.href = url;
-  link2.download = fileName;
-  link2.style.display = "none";
-  document.body.appendChild(link2);
-  link2.click();
-  document.body.removeChild(link2);
-  window.URL.revokeObjectURL(url);
-}
 function fBankRound(value, decimals = 2) {
   const str = String(value).trim();
   if (!/^[-+]?\d+(\.\d+)?$/.test(str)) return NaN;