fangguo-component 1.1.4 → 1.2.0

package/dist/montageImgUrl-CwgYnB2h.js

@@ -0,0 +1,204 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { ref } from "vue";
+const DEFAULT_IMG_FASTEN = {
+  notSupported: "//static.fangguo.com/assets/img/pic-fasten/not-supported.png",
+  error: "//static.fangguo.com/assets/img/pic-fasten/error.png",
+  empty: "//static.fangguo.com/assets/img/pic-fasten/empty.png"
+};
+let ossLinks = [];
+let imgFasten = __spreadValues({}, DEFAULT_IMG_FASTEN);
+const imgUrlConfigKey = ref(0);
+function getOssLinks() {
+  return ossLinks;
+}
+function getImgFasten() {
+  return imgFasten;
+}
+function configureImgUrl(config = {}) {
+  let changed = false;
+  if (config.ossLinks) {
+    ossLinks = [...config.ossLinks];
+    changed = true;
+  }
+  if (config.imgFasten) {
+    imgFasten = __spreadValues(__spreadValues({}, imgFasten), config.imgFasten);
+    changed = true;
+  }
+  if (changed) {
+    imgUrlConfigKey.value++;
+  }
+}
+let lastEffectiveType = null;
+let lastSaveData = null;
+let networkListenerInitialized = false;
+const cachedResults = /* @__PURE__ */ new Map();
+const MAX_CACHE_ENTRIES = 500;
+const networkKey = ref(0);
+function normalizeCacheKeyOptions(baseOptions) {
+  const o = baseOptions != null ? baseOptions : {};
+  const w = typeof o.w === "number" ? o.w : "";
+  const h = typeof o.h === "number" ? o.h : "";
+  const Q = typeof o.Q === "number" ? o.Q : "";
+  const q = typeof o.q === "number" ? o.q : "";
+  const format = typeof o.format === "string" ? o.format : "";
+  return `w=${w}&h=${h}&Q=${Q}&q=${q}&format=${format}`;
+}
+function lruGet(key) {
+  const hit = cachedResults.get(key);
+  if (!hit) return null;
+  cachedResults.delete(key);
+  cachedResults.set(key, hit);
+  return hit;
+}
+function lruSet(key, value) {
+  if (cachedResults.has(key)) cachedResults.delete(key);
+  cachedResults.set(key, value);
+  if (cachedResults.size > MAX_CACHE_ENTRIES) {
+    const oldestKey = cachedResults.keys().next().value;
+    if (oldestKey) cachedResults.delete(oldestKey);
+  }
+}
+function getNetworkAdaptiveOptions(baseOptions = { h: 260, Q: 92 }) {
+  var _a;
+  const conn = navigator.connection;
+  const effectiveType = (conn == null ? void 0 : conn.effectiveType) || "4g";
+  const saveData = (_a = conn == null ? void 0 : conn.saveData) != null ? _a : false;
+  const key = `${effectiveType}|${String(saveData)}|${normalizeCacheKeyOptions(baseOptions)}`;
+  if (effectiveType === lastEffectiveType && saveData === lastSaveData) {
+    const hit = lruGet(key);
+    if (hit) return hit;
+  }
+  let scale = 1;
+  let quality = baseOptions.Q || 92;
+  switch (effectiveType) {
+    case "slow-2g":
+    case "2g":
+      scale = saveData ? 0.3 : 0.4;
+      quality = saveData ? 40 : 50;
+      break;
+    case "3g":
+      scale = saveData ? 0.5 : 0.7;
+      quality = saveData ? 60 : 82;
+      break;
+    case "4g":
+    default:
+      scale = saveData ? 0.7 : 1;
+      quality = saveData ? 85 : baseOptions.Q || 92;
+      break;
+  }
+  const options = __spreadValues({}, baseOptions);
+  if (options.w) options.w = Math.round(options.w * scale);
+  if (options.h) options.h = Math.round(options.h * scale);
+  options.Q = quality;
+  lastEffectiveType = effectiveType;
+  lastSaveData = saveData;
+  lruSet(key, options);
+  return options;
+}
+function initNetworkListener() {
+  if (networkListenerInitialized) return;
+  networkListenerInitialized = true;
+  const conn = navigator.connection;
+  if (conn == null ? void 0 : conn.addEventListener) {
+    conn.addEventListener("change", () => {
+      cachedResults.clear();
+      lastEffectiveType = null;
+      lastSaveData = null;
+      networkKey.value++;
+    });
+  }
+  getNetworkAdaptiveOptions();
+}
+const notSupportedImgTypes = ["tif", "tiff", "psd"];
+function isUnsupportedImg(url) {
+  const pathname = url.split(/[?#]/)[0];
+  const filename = pathname.slice(pathname.lastIndexOf("/") + 1);
+  const dot = filename.lastIndexOf(".");
+  if (dot === -1) return false;
+  return notSupportedImgTypes.includes(filename.slice(dot + 1).toLowerCase());
+}
+function replaceUnsupportedImg(url = "") {
+  if (!url) return url;
+  return isUnsupportedImg(url) ? getImgFasten().notSupported : url;
+}
+function temuThumbUrl(url, imgSize) {
+  const { w, h } = imgSize || {};
+  if (url.indexOf("imageMogr2/thumbnail/") > -1) {
+    return url;
+  }
+  const resizeUrl = `?imageMogr2/thumbnail/${w || h || 200}x`;
+  return `${url}${resizeUrl}`;
+}
+function montageImgUrl(url = "", imgSize, options = {}) {
+  var _a;
+  const imgFasten2 = getImgFasten();
+  if (!url) return imgFasten2.empty;
+  if (isUnsupportedImg(url)) return imgFasten2.notSupported;
+  if (url.includes("/img.kwcdn.com")) {
+    return temuThumbUrl(url, imgSize);
+  }
+  const ossLinks2 = (_a = options.ossLinks) != null ? _a : getOssLinks();
+  if (ossLinks2.some((domain) => url.includes(domain))) {
+    const networkOpts = getNetworkAdaptiveOptions(imgSize || { h: 260, Q: 92 });
+    const finalParams = __spreadValues(__spreadValues({}, imgSize), networkOpts);
+    const { w, h, Q, q, format = "" } = finalParams;
+    const qualityVal = Q != null ? Q : q;
+    const formatPart = format ? `/format,${format}` : "";
+    let finalUrl = url;
+    const hasProcess = url.includes("x-oss-process=");
+    if (hasProcess) {
+      if (h) finalUrl = finalUrl.replace(/h_\d+/, `h_${h}`);
+      if (w) finalUrl = finalUrl.replace(/w_\d+/, `w_${w}`);
+      if (qualityVal) {
+        finalUrl = finalUrl.replace(/quality,[Qq]_\d+/, `quality,${Q ? "Q" : "q"}_${qualityVal}`);
+      }
+      if (format) {
+        if (finalUrl.includes("/format,")) {
+          finalUrl = finalUrl.replace(/\/format,\w+/, formatPart);
+        } else {
+          finalUrl += formatPart;
+        }
+      }
+    } else {
+      let resizeStr = "resize,";
+      if (w) resizeStr += `w_${w}`;
+      else if (h) resizeStr += `h_${h}`;
+      else resizeStr += "l_120";
+      const qualityPart = qualityVal && qualityVal >= 1 && qualityVal <= 100 ? `/quality,${Q ? "Q" : "q"}_${qualityVal}` : "";
+      const connector = url.includes("?") ? "&" : "?";
+      finalUrl = `${url}${connector}x-oss-process=image/${resizeStr}${qualityPart}${formatPart}`;
+    }
+    return finalUrl;
+  }
+  return url;
+}
+export {
+  DEFAULT_IMG_FASTEN as D,
+  getNetworkAdaptiveOptions as a,
+  getOssLinks as b,
+  configureImgUrl as c,
+  initNetworkListener as d,
+  isUnsupportedImg as e,
+  notSupportedImgTypes as f,
+  getImgFasten as g,
+  imgUrlConfigKey as i,
+  montageImgUrl as m,
+  networkKey as n,
+  replaceUnsupportedImg as r,
+  temuThumbUrl as t
+};