fangguo-component 1.2.3 → 1.2.5

package/dist/montageImgUrl-B9ZmJ7TF.js

@@ -0,0 +1,464 @@
+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 AMAZON_DIM_TOKEN = "UL|SR|SL|SX|SY|SF|SC";
+function toPositiveInteger(value) {
+  if (value === void 0 || value === null || value === "") return 0;
+  const n = Number(value);
+  if (!Number.isFinite(n) || n <= 0) return 0;
+  return Math.round(n);
+}
+function parseHttpUrl(url) {
+  const raw = (url || "").trim();
+  if (!raw) return null;
+  try {
+    if (raw.startsWith("//")) return new URL(`https:${raw}`);
+    if (/^https?:\/\//i.test(raw)) return new URL(raw);
+  } catch (e) {
+    return null;
+  }
+  return null;
+}
+function removeImageUrlQuery(url) {
+  const raw = (url || "").trim();
+  if (!raw) return "";
+  const hashIndex = raw.indexOf("#");
+  const beforeHash = hashIndex === -1 ? raw : raw.slice(0, hashIndex);
+  const hash = hashIndex === -1 ? "" : raw.slice(hashIndex);
+  return beforeHash.split("?")[0] + hash;
+}
+function getTemuOriginalImageUrl(url) {
+  const parsed = parseHttpUrl(url);
+  if (!parsed || !/(^|\.)kwcdn\.com$/i.test(parsed.hostname)) return url;
+  return removeImageUrlQuery(url);
+}
+function getSheinOriginalImageUrl(url) {
+  const parsed = parseHttpUrl(url);
+  if (!parsed || !/(^|\.)ltwebstatic\.com$/i.test(parsed.hostname)) return url;
+  let base = removeImageUrlQuery(url);
+  base = base.replace(/_thumbnail_\d+x\d*\.(webp|png|jpg|jpeg)/gi, "_thumbnail_fullx.$1");
+  base = base.replace(/_square_thumbnail_\d+x\d*\.(webp|png|jpg|jpeg)/gi, "_square_thumbnail_fullx.$1");
+  base = base.replace(/_thumbnail\.(webp|png|jpg|jpeg)/gi, "_thumbnail_fullx.$1");
+  base = base.replace(/_square_thumbnail\.(webp|png|jpg|jpeg)/gi, "_square_thumbnail_fullx.$1");
+  return base;
+}
+function getAmazonOriginalImageUrl(url) {
+  const parsed = parseHttpUrl(url);
+  const isAmazonImageHost = parsed && (/(^|\.)media-amazon\.com$/i.test(parsed.hostname) || /(^|\.)ssl-images-amazon\.com$/i.test(parsed.hostname) || /(^|\.)amazon\./i.test(parsed.hostname));
+  if (!isAmazonImageHost) return url;
+  const base = removeImageUrlQuery(url);
+  const marker = "._AC_";
+  const i = base.indexOf(marker);
+  if (i === -1) return base;
+  const prefix = base.slice(0, i + marker.length);
+  let rest = base.slice(i + marker.length);
+  const reLead = new RegExp(`^(${AMAZON_DIM_TOKEN})(\\d+)(?:,(\\d+))?`);
+  rest = rest.replace(
+    reLead,
+    (_m, tag, _n1, n2) => n2 != null && n2 !== "" ? `${tag}full,full` : `${tag}full`
+  );
+  const reChain = new RegExp(`_(${AMAZON_DIM_TOKEN})(\\d+)(?:,(\\d+))?`, "g");
+  rest = rest.replace(
+    reChain,
+    (_m, tag, _n1, n2) => n2 != null && n2 !== "" ? `_${tag}full,full` : `_${tag}full`
+  );
+  return prefix + rest;
+}
+function getEtsyOriginalImageUrl(url) {
+  const parsed = parseHttpUrl(url);
+  const isEtsyImageHost = parsed && (/(^|\.)etsystatic\.com$/i.test(parsed.hostname) || /(^|\.)etsy\./i.test(parsed.hostname));
+  if (!isEtsyImageHost) return url;
+  return removeImageUrlQuery(url).replace(/il_\d+x\d+\./i, "il_fullxfull.");
+}
+function buildTemuImageResizeUrl(url, options = {}) {
+  const parsed = parseHttpUrl(url);
+  if (!parsed || !/(^|\.)kwcdn\.com$/i.test(parsed.hostname)) return url;
+  const width = toPositiveInteger(options.width);
+  if (!width) return url;
+  const base = removeImageUrlQuery(url);
+  return `${base}?imageView2/2/w/${width}/q/50/format/avif%7CimageVqr/2`;
+}
+function buildSheinImageResizeUrl(url, options = {}) {
+  const parsed = parseHttpUrl(url);
+  if (!parsed || !/(^|\.)ltwebstatic\.com$/i.test(parsed.hostname)) return url;
+  const width = toPositiveInteger(options.width) || toPositiveInteger(options.height);
+  const height = toPositiveInteger(options.height) || toPositiveInteger(options.width);
+  if (!width || !height) return url;
+  const base = removeImageUrlQuery(url);
+  const next = base.replace(
+    /_((?:square_)?thumbnail)(?:_\d+x\d*|_fullx)?\.(webp|png|jpg|jpeg)/gi,
+    `_$1_${width}x${height}.$2`
+  );
+  return next === base ? url : next;
+}
+function buildAmazonImageResizeUrl(url, options = {}) {
+  const parsed = parseHttpUrl(url);
+  const isAmazonImageHost = parsed && (/(^|\.)media-amazon\.com$/i.test(parsed.hostname) || /(^|\.)ssl-images-amazon\.com$/i.test(parsed.hostname) || /(^|\.)amazon\./i.test(parsed.hostname));
+  if (!isAmazonImageHost) return url;
+  const width = toPositiveInteger(options.width);
+  const height = toPositiveInteger(options.height);
+  if (!width && !height) return url;
+  const single = String(width || height);
+  const pairW = String(width || height);
+  const pairH = String(height || width);
+  const base = removeImageUrlQuery(url);
+  const marker = "._AC_";
+  const i = base.indexOf(marker);
+  if (i === -1) return url;
+  const prefix = base.slice(0, i + marker.length);
+  let rest = base.slice(i + marker.length);
+  const reLead = new RegExp(`^(${AMAZON_DIM_TOKEN})(\\d+|full)(?:,(\\d+|full))?`, "i");
+  rest = rest.replace(
+    reLead,
+    (_m, tag, _n1, n2) => n2 != null && n2 !== "" ? `${tag}${pairW},${pairH}` : `${tag}${single}`
+  );
+  const reChain = new RegExp(`_(${AMAZON_DIM_TOKEN})(\\d+|full)(?:,(\\d+|full))?`, "gi");
+  rest = rest.replace(
+    reChain,
+    (_m, tag, _n1, n2) => n2 != null && n2 !== "" ? `_${tag}${pairW},${pairH}` : `_${tag}${single}`
+  );
+  return prefix + rest;
+}
+function buildEtsyImageResizeUrl(url, options = {}) {
+  const parsed = parseHttpUrl(url);
+  const isEtsyImageHost = parsed && (/(^|\.)etsystatic\.com$/i.test(parsed.hostname) || /(^|\.)etsy\./i.test(parsed.hostname));
+  if (!isEtsyImageHost) return url;
+  const width = toPositiveInteger(options.width) || toPositiveInteger(options.height);
+  const height = toPositiveInteger(options.height) || toPositiveInteger(options.width);
+  if (!width || !height) return url;
+  const base = removeImageUrlQuery(url);
+  const next = base.replace(/il_(?:\d+|full)x(?:\d+|full)\./i, `il_${width}x${height}.`);
+  return next === base ? url : next;
+}
+function resolveOssLinks(options = {}) {
+  var _a;
+  return (_a = options.ossLinks) != null ? _a : getOssLinks();
+}
+function hasOssProcessParam(url) {
+  return url.includes("x-oss-process=");
+}
+function isOssImageUrl(url, options = {}) {
+  const ossLinks2 = resolveOssLinks(options);
+  if (!ossLinks2.length) return false;
+  return ossLinks2.some((domain) => url.includes(domain));
+}
+function buildOssImageResizeUrl(url, options = {}) {
+  var _a;
+  const hasProcess = hasOssProcessParam(url);
+  if (!hasProcess && !isOssImageUrl(url, options)) return url;
+  const width = toPositiveInteger(options.width);
+  const height = toPositiveInteger(options.height);
+  const qualityVal = (_a = options.Q) != null ? _a : options.q;
+  const format = options.format || "";
+  const formatPart = format ? `/format,${format}` : "";
+  const useAbsoluteQuality = options.Q != null;
+  let finalUrl = url;
+  if (hasProcess) {
+    if (height) finalUrl = finalUrl.replace(/h_\d+/, `h_${height}`);
+    if (width) finalUrl = finalUrl.replace(/w_\d+/, `w_${width}`);
+    if (qualityVal) {
+      finalUrl = finalUrl.replace(
+        /quality,[Qq]_\d+/,
+        `quality,${useAbsoluteQuality ? "Q" : "q"}_${qualityVal}`
+      );
+    }
+    if (format) {
+      if (finalUrl.includes("/format,")) {
+        finalUrl = finalUrl.replace(/\/format,\w+/, formatPart);
+      } else {
+        finalUrl += formatPart;
+      }
+    }
+    return finalUrl;
+  }
+  let resizeStr = "resize,";
+  if (width) resizeStr += `w_${width}`;
+  else if (height) resizeStr += `h_${height}`;
+  else resizeStr += "l_120";
+  const qualityPart = qualityVal && qualityVal >= 1 && qualityVal <= 100 ? `/quality,${useAbsoluteQuality ? "Q" : "q"}_${qualityVal}` : "";
+  const connector = url.includes("?") ? "&" : "?";
+  return `${url}${connector}x-oss-process=image/${resizeStr}${qualityPart}${formatPart}`;
+}
+const IMAGE_RESIZE_RULES = [
+  {
+    name: "temu-kwcdn",
+    match: (url) => /(^|\.)kwcdn\.com$/i.test(url.hostname),
+    build: buildTemuImageResizeUrl
+  },
+  {
+    name: "shein-ltwebstatic",
+    match: (url) => /(^|\.)ltwebstatic\.com$/i.test(url.hostname),
+    build: buildSheinImageResizeUrl
+  },
+  {
+    name: "amazon",
+    match: (url) => /(^|\.)media-amazon\.com$/i.test(url.hostname) || /(^|\.)ssl-images-amazon\.com$/i.test(url.hostname) || /(^|\.)amazon\./i.test(url.hostname),
+    build: buildAmazonImageResizeUrl
+  },
+  {
+    name: "etsy",
+    match: (url) => /(^|\.)etsystatic\.com$/i.test(url.hostname) || /(^|\.)etsy\./i.test(url.hostname),
+    build: buildEtsyImageResizeUrl
+  },
+  {
+    name: "oss",
+    // 白名单命中，或 URL 已带 x-oss-process（业务侧已拼参、悬停需改尺寸）
+    match: (url, options) => isOssImageUrl(url.href, options) || hasOssProcessParam(url.href),
+    build: buildOssImageResizeUrl
+  }
+];
+const IMAGE_ORIGINAL_RULES = [
+  {
+    name: "temu-kwcdn",
+    match: (url) => /(^|\.)kwcdn\.com$/i.test(url.hostname),
+    build: getTemuOriginalImageUrl
+  },
+  {
+    name: "shein-ltwebstatic",
+    match: (url) => /(^|\.)ltwebstatic\.com$/i.test(url.hostname),
+    build: getSheinOriginalImageUrl
+  },
+  {
+    name: "amazon",
+    match: (url) => /(^|\.)media-amazon\.com$/i.test(url.hostname) || /(^|\.)ssl-images-amazon\.com$/i.test(url.hostname) || /(^|\.)amazon\./i.test(url.hostname),
+    build: getAmazonOriginalImageUrl
+  },
+  {
+    name: "etsy",
+    match: (url) => /(^|\.)etsystatic\.com$/i.test(url.hostname) || /(^|\.)etsy\./i.test(url.hostname),
+    build: getEtsyOriginalImageUrl
+  }
+];
+function buildPlatformImageResizeUrl(url, options = {}) {
+  const raw = (url || "").trim();
+  if (!raw) return "";
+  const parsed = parseHttpUrl(raw);
+  if (!parsed) return url;
+  const rule = IMAGE_RESIZE_RULES.find((item) => item.match(parsed, options));
+  if (!rule) return url;
+  return rule.build(raw, options);
+}
+function hasPlatformImageResizeParams(url) {
+  const raw = (url || "").trim();
+  if (!raw) return false;
+  if (hasOssProcessParam(raw)) return true;
+  if (/[?&]imageView2\//i.test(raw) || /[?&]imageMogr2\//i.test(raw) || raw.includes("imageView2/")) {
+    return true;
+  }
+  const path = removeImageUrlQuery(raw);
+  if (/_(?:square_)?thumbnail(?:_\d+x\d*|_fullx)?\./i.test(path)) {
+    return true;
+  }
+  if (/\._AC_(?:UL|SR|SL|SX|SY|SF|SC)/i.test(path)) return true;
+  if (/il_(?:\d+|full)x(?:\d+|full)\./i.test(path)) return true;
+  return false;
+}
+function getPlatformOriginalImageUrl(url) {
+  const raw = (url || "").trim();
+  if (!raw) return "";
+  const parsed = parseHttpUrl(raw);
+  if (!parsed) return url;
+  const rule = IMAGE_ORIGINAL_RULES.find((item) => item.match(parsed));
+  if (!rule) return url;
+  return rule.build(raw);
+}
+function getImageResizeRuleName(url) {
+  var _a;
+  const parsed = parseHttpUrl(url);
+  if (!parsed) return "";
+  return ((_a = IMAGE_RESIZE_RULES.find((item) => item.match(parsed))) == null ? void 0 : _a.name) || "";
+}
+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) {
+  var _a, _b;
+  return buildPlatformImageResizeUrl(url, {
+    width: (_b = (_a = imgSize == null ? void 0 : imgSize.w) != null ? _a : imgSize == null ? void 0 : imgSize.h) != null ? _b : 200,
+    height: imgSize == null ? void 0 : imgSize.h
+  });
+}
+function toPlatformResizeOptions(imgSize, ossLinks2) {
+  var _a, _b;
+  const width = (_a = imgSize == null ? void 0 : imgSize.w) != null ? _a : imgSize == null ? void 0 : imgSize.h;
+  const height = (_b = imgSize == null ? void 0 : imgSize.h) != null ? _b : imgSize == null ? void 0 : imgSize.w;
+  return {
+    width,
+    height,
+    Q: imgSize == null ? void 0 : imgSize.Q,
+    q: imgSize == null ? void 0 : imgSize.q,
+    format: typeof (imgSize == null ? void 0 : imgSize.format) === "string" ? imgSize.format : void 0,
+    ossLinks: ossLinks2
+  };
+}
+function montageImgUrl(url = "", imgSize, options = {}) {
+  var _a;
+  const imgFasten2 = getImgFasten();
+  if (!url) return imgFasten2.empty;
+  if (isUnsupportedImg(url)) return imgFasten2.notSupported;
+  const ruleName = getImageResizeRuleName(url);
+  const ossLinks2 = (_a = options.ossLinks) != null ? _a : getOssLinks();
+  const hitOssByLinks = ossLinks2.some((domain) => url.includes(domain));
+  const hasOssProcess = url.includes("x-oss-process=");
+  if (ruleName === "oss" || !ruleName && hitOssByLinks || !ruleName && hasOssProcess) {
+    if (!hitOssByLinks && !hasOssProcess) return url;
+    const networkOpts = getNetworkAdaptiveOptions(imgSize || { h: 260, Q: 92 });
+    return buildPlatformImageResizeUrl(url, toPlatformResizeOptions(__spreadValues(__spreadValues({}, imgSize), networkOpts), ossLinks2));
+  }
+  if (ruleName) {
+    return buildPlatformImageResizeUrl(url, toPlatformResizeOptions(imgSize));
+  }
+  return url;
+}
+export {
+  DEFAULT_IMG_FASTEN as D,
+  getImgFasten as a,
+  buildPlatformImageResizeUrl as b,
+  configureImgUrl as c,
+  getNetworkAdaptiveOptions as d,
+  getOssLinks as e,
+  getPlatformOriginalImageUrl as f,
+  getImageResizeRuleName as g,
+  hasPlatformImageResizeParams as h,
+  imgUrlConfigKey as i,
+  initNetworkListener as j,
+  isUnsupportedImg as k,
+  notSupportedImgTypes as l,
+  montageImgUrl as m,
+  networkKey as n,
+  replaceUnsupportedImg as o,
+  removeImageUrlQuery as r,
+  temuThumbUrl as t
+};

package/dist/tools/ImageParserUtils/index.d.ts

@@ -4,4 +4,4 @@
 export { parsePSD } from './parsePSD';
 export { parseTIFF } from './parseTIFF';
 export { parseImage } from './parseImage';
-export { parsePSDFile, parseTIFFFile, parseImageFile, detectFileType, formatFileSize, parseFile, parseFiles, type ParsedImageInfo, type ParseOptions } from './common';
+export { parsePSDFile, parseTIFFFile, parseImageFile, detectFileType, formatFileSize, parseFile, parseFiles, type ParsedImageInfo, type ParseOptions, type AgPsdOptions, } from './common';