fangguo-component 1.2.3 → 1.2.5

package/dist/tools/imgUrl/imageUrl.d.ts

@@ -0,0 +1,246 @@
+type ImageSizeValue = number | string | null | undefined;
+export type ImageResizeOptions = {
+    width?: ImageSizeValue;
+    height?: ImageSizeValue;
+    /** OSS 绝对质量 Q（1–100） */
+    Q?: number;
+    /** OSS 相对质量 q（1–100）；与 Q 同时存在时优先 Q */
+    q?: number;
+    /** OSS 输出格式，如 webp */
+    format?: string;
+    /** 当前调用使用的 OSS 域名白名单；未传时使用 configureImgUrl 注入的全局配置 */
+    ossLinks?: string[];
+};
+/**
+ * 移除 URL query，保留 hash。
+ *
+ * @example
+ * removeImageUrlQuery('https://a.com/img.jpg?x=1#top')
+ * // 'https://a.com/img.jpg#top'
+ */
+export declare function removeImageUrlQuery(url: string): string;
+/**
+ * Temu / kwcdn 获取原图。
+ *
+ * 当前采集规则是直接去掉 query 参数。
+ *
+ * @example
+ * getTemuOriginalImageUrl(
+ *     'https://img.kwcdn.com/thumbnail/s/a.jpeg?imageView2/2/w/150/q/50/format/avif%7CimageVqr/2'
+ * )
+ * // 'https://img.kwcdn.com/thumbnail/s/a.jpeg'
+ */
+export declare function getTemuOriginalImageUrl(url: string): string;
+/**
+ * Shein / ltwebstatic 获取原图。
+ *
+ * 当前采集规则：
+ * - _thumbnail.jpg / _thumbnail_405x552.jpg -> _thumbnail_fullx.jpg
+ * - _square_thumbnail.jpg / _square_thumbnail_405x552.jpg -> _square_thumbnail_fullx.jpg
+ *
+ * @example
+ * getSheinOriginalImageUrl(
+ *     '//img.ltwebstatic.com/v4/j/pi/2025/12/12/22/a_thumbnail_405x552.jpg'
+ * )
+ * // '//img.ltwebstatic.com/v4/j/pi/2025/12/12/22/a_thumbnail_fullx.jpg'
+ *
+ * @example
+ * getSheinOriginalImageUrl(
+ *     'http://img.ltwebstatic.com/v4/j/spmp/a_thumbnail.jpg'
+ * )
+ * // 'http://img.ltwebstatic.com/v4/j/spmp/a_thumbnail_fullx.jpg'
+ */
+export declare function getSheinOriginalImageUrl(url: string): string;
+/**
+ * Amazon 获取原图。
+ *
+ * 当前采集规则是把 ._AC_ 后的尺寸段扩成 full，保留 QL/FMwebp 等非尺寸段。
+ *
+ * @example
+ * getAmazonOriginalImageUrl('https://m.media-amazon.com/images/I/abc._AC_UL450_SR450,320_.jpg')
+ * // 'https://m.media-amazon.com/images/I/abc._AC_ULfull_SRfull,full_.jpg'
+ */
+export declare function getAmazonOriginalImageUrl(url: string): string;
+/**
+ * Etsy 获取原图。
+ *
+ * 当前采集规则：il_75x75 / il_340x270 等改成 il_fullxfull。
+ *
+ * @example
+ * getEtsyOriginalImageUrl('https://i.etsystatic.com/123/r/il_340x270.456.jpg')
+ * // 'https://i.etsystatic.com/123/r/il_fullxfull.456.jpg'
+ */
+export declare function getEtsyOriginalImageUrl(url: string): string;
+/**
+ * Temu / kwcdn
+ *
+ * 优先使用 width；未传 width 时回退 height（组件侧常只传 h）。
+ * 原链接已有 query（含历史 imageView2 / 非法双 ? + imageMogr2）时，先清掉再统一换成 imageView2。
+ *
+ * @example
+ * buildTemuImageResizeUrl(
+ *     'https://img.kwcdn.com/thumbnail/s/a.jpeg?imageView2/2/w/500/q/70/format/avif?imageMogr2/thumbnail/100x',
+ *     { width: 100 }
+ * )
+ * // 'https://img.kwcdn.com/thumbnail/s/a.jpeg?imageView2/2/w/100/q/50/format/avif%7CimageVqr/2'
+ */
+export declare function buildTemuImageResizeUrl(url: string, options?: ImageResizeOptions): string;
+/**
+ * Shein / ltwebstatic
+ *
+ * Shein 尺寸在文件路径里，不在 query 中；通过替换路径里的 thumbnail 后缀实现。
+ * 支持：
+ * - `_thumbnail.jpg` / `_square_thumbnail.jpg`（无尺寸）
+ * - `_thumbnail_405x552.jpg` / `_thumbnail_fullx.jpg`
+ * 宽高缺一时用另一个回填。
+ *
+ * @example
+ * buildSheinImageResizeUrl(
+ *     '//img.ltwebstatic.com/v4/j/pi/2025/12/12/22/a_thumbnail_405x552.jpg',
+ *     { width: 300, height: 409 }
+ * )
+ * // '//img.ltwebstatic.com/v4/j/pi/2025/12/12/22/a_thumbnail_300x409.jpg'
+ *
+ * @example
+ * buildSheinImageResizeUrl(
+ *     'http://img.ltwebstatic.com/v4/j/spmp/a_thumbnail.jpg',
+ *     { width: 420, height: 420 }
+ * )
+ * // 'http://img.ltwebstatic.com/v4/j/spmp/a_thumbnail_420x420.jpg'
+ */
+export declare function buildSheinImageResizeUrl(url: string, options?: ImageResizeOptions): string;
+/**
+ * Amazon
+ *
+ * 替换 ._AC_ 后 UL/SR/SX 等尺寸段；单值标签用 width（缺省用 height），
+ * 双值标签用 width,height（缺一则用另一个填充）。也支持把 full 改回具体尺寸。
+ *
+ * @example
+ * buildAmazonImageResizeUrl(
+ *     'https://m.media-amazon.com/images/I/abc._AC_UL450_SR450,320_.jpg',
+ *     { width: 200, height: 150 }
+ * )
+ * // 'https://m.media-amazon.com/images/I/abc._AC_UL200_SR200,150_.jpg'
+ */
+export declare function buildAmazonImageResizeUrl(url: string, options?: ImageResizeOptions): string;
+/**
+ * Etsy
+ *
+ * 将路径里的 il_{w}x{h} / il_fullxfull 替换为 il_{width}x{height}。
+ * 宽高缺一时用另一个回填（组件侧常只传 w 或 h）。
+ *
+ * @example
+ * buildEtsyImageResizeUrl(
+ *     'https://i.etsystatic.com/123/r/il_340x270.456.jpg',
+ *     { width: 200, height: 200 }
+ * )
+ * // 'https://i.etsystatic.com/123/r/il_200x200.456.jpg'
+ *
+ * @example
+ * buildEtsyImageResizeUrl(
+ *     'https://i.etsystatic.com/123/r/il_fullxfull.456.jpg',
+ *     { width: 100 }
+ * )
+ * // 'https://i.etsystatic.com/123/r/il_100x100.456.jpg'
+ */
+export declare function buildEtsyImageResizeUrl(url: string, options?: ImageResizeOptions): string;
+/**
+ * OSS（阿里云等）图片处理参数拼接。
+ *
+ * 规则对齐 montageImgUrl：
+ * - 命中 ossLinks 白名单才新建 process
+ * - 已有 x-oss-process 时允许原地替换（即使未命中白名单，避免业务侧已拼参的 URL 悬停改不了尺寸）
+ * - 否则追加 ?x-oss-process=image/resize,w_{width}|h_{height}
+ * - 新建 process 且宽高都缺失时，默认 l_120（与 montageImgUrl 一致）
+ *
+ * @example
+ * buildOssImageResizeUrl(
+ *     'https://static.fangguo.com/a.jpg',
+ *     { width: 200, Q: 90, ossLinks: ['static.fangguo.com'] }
+ * )
+ * // 'https://static.fangguo.com/a.jpg?x-oss-process=image/resize,w_200/quality,Q_90'
+ */
+export declare function buildOssImageResizeUrl(url: string, options?: ImageResizeOptions): string;
+/**
+ * 按图片域名/平台拼接对应尺寸参数。
+ * 未匹配或参数不足的平台会原链接返回。
+ *
+ * @example
+ * buildPlatformImageResizeUrl(
+ *     'https://img.kwcdn.com/thumbnail/s/a.jpeg',
+ *     { width: 150 }
+ * )
+ * // 'https://img.kwcdn.com/thumbnail/s/a.jpeg?imageView2/2/w/150/q/50/format/avif%7CimageVqr/2'
+ *
+ * @example
+ * buildPlatformImageResizeUrl(
+ *     '//img.ltwebstatic.com/v4/j/pi/2025/12/12/22/a_thumbnail_405x552.jpg',
+ *     { width: 300, height: 409 }
+ * )
+ * // '//img.ltwebstatic.com/v4/j/pi/2025/12/12/22/a_thumbnail_300x409.jpg'
+ *
+ * @example
+ * buildPlatformImageResizeUrl(
+ *     'https://img.fangguo.com/a.jpg',
+ *     { width: 200, Q: 90, ossLinks: ['img.fangguo.com'] }
+ * )
+ * // 'https://img.fangguo.com/a.jpg?x-oss-process=image/resize,w_200/quality,Q_90'
+ *
+ * @example
+ * buildPlatformImageResizeUrl('https://example.com/a.jpg', { width: 100 })
+ * // 'https://example.com/a.jpg'
+ */
+export declare function buildPlatformImageResizeUrl(url: string, options?: ImageResizeOptions): string;
+/**
+ * 判断 URL 是否已带平台 / OSS 缩放参数（不是仅域名命中）。
+ * 用于悬停图：已有缩放参数时按 hoverImgSize 改写，而不是原样放大糊图。
+ *
+ * @example
+ * hasPlatformImageResizeParams(
+ *     'https://img.kwcdn.com/a.jpeg?imageView2/2/w/200/q/50/format/avif%7CimageVqr/2'
+ * )
+ * // true
+ *
+ * @example
+ * hasPlatformImageResizeParams(
+ *     'https://fangguo-dev.oss-cn-shenzhen.aliyuncs.com/a.jpeg?x-oss-process=image/resize,h_260'
+ * )
+ * // true
+ *
+ * @example
+ * hasPlatformImageResizeParams('https://img.kwcdn.com/a.jpeg')
+ * // false
+ */
+export declare function hasPlatformImageResizeParams(url: string): boolean;
+/**
+ * 按当前商品采集规则获取主图/原图。
+ * 未匹配的平台会原链接返回。
+ *
+ * @example
+ * getPlatformOriginalImageUrl(
+ *     'https://img.kwcdn.com/thumbnail/s/a.jpeg?imageView2/2/w/150/q/50/format/avif%7CimageVqr/2'
+ * )
+ * // 'https://img.kwcdn.com/thumbnail/s/a.jpeg'
+ *
+ * @example
+ * getPlatformOriginalImageUrl(
+ *     '//img.ltwebstatic.com/v4/j/pi/2025/12/12/22/a_thumbnail_405x552.jpg'
+ * )
+ * // '//img.ltwebstatic.com/v4/j/pi/2025/12/12/22/a_thumbnail_fullx.jpg'
+ */
+export declare function getPlatformOriginalImageUrl(url: string): string;
+/**
+ * 获取当前图片地址命中的规则名，便于调试或埋点。
+ * OSS 规则依赖 configureImgUrl 注入的全局 ossLinks。
+ *
+ * @example
+ * getImageResizeRuleName('https://img.kwcdn.com/thumbnail/s/a.jpeg')
+ * // 'temu-kwcdn'
+ *
+ * @example
+ * // configureImgUrl({ ossLinks: ['img.fangguo.com'] }) 之后
+ * getImageResizeRuleName('https://img.fangguo.com/a.jpg')
+ * // 'oss'
+ */
+export declare function getImageResizeRuleName(url: string): string;
+export {};

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

@@ -1,4 +1,6 @@
 export { configureImgUrl, DEFAULT_IMG_FASTEN, getImgFasten, getOssLinks, imgUrlConfigKey } from './config';
 export { getNetworkAdaptiveOptions, initNetworkListener, networkKey } from './networkAdaptive';
 export { isUnsupportedImg, montageImgUrl, notSupportedImgTypes, replaceUnsupportedImg, temuThumbUrl, } from './montageImgUrl';
+export { buildPlatformImageResizeUrl, getImageResizeRuleName, getPlatformOriginalImageUrl, hasPlatformImageResizeParams, removeImageUrlQuery, } from './imageUrl';
+export type { ImageResizeOptions } from './imageUrl';
 export type { ImgFastenConfig, ImgSizeOptions, ImgUrlConfig, MontageImgUrlOptions } from './types';

package/dist/tools/imgUrl/index.js

@@ -1,16 +1,21 @@
-import { D, c, g, a, b, i, d, e, m, n, f, r, t } from "../../montageImgUrl-CwgYnB2h.js";
+import { D, b, c, g, a, d, e, f, h, i, j, k, m, n, l, r, o, t } from "../../montageImgUrl-B9ZmJ7TF.js";
 export {
   D as DEFAULT_IMG_FASTEN,
+  b as buildPlatformImageResizeUrl,
   c as configureImgUrl,
-  g as getImgFasten,
-  a as getNetworkAdaptiveOptions,
-  b as getOssLinks,
+  g as getImageResizeRuleName,
+  a as getImgFasten,
+  d as getNetworkAdaptiveOptions,
+  e as getOssLinks,
+  f as getPlatformOriginalImageUrl,
+  h as hasPlatformImageResizeParams,
   i as imgUrlConfigKey,
-  d as initNetworkListener,
-  e as isUnsupportedImg,
+  j as initNetworkListener,
+  k as isUnsupportedImg,
   m as montageImgUrl,
   n as networkKey,
-  f as notSupportedImgTypes,
-  r as replaceUnsupportedImg,
+  l as notSupportedImgTypes,
+  r as removeImageUrlQuery,
+  o as replaceUnsupportedImg,
   t as temuThumbUrl
 };

package/dist/tools/imgUrl/montageImgUrl.d.ts

@@ -4,12 +4,18 @@ export declare const notSupportedImgTypes: string[];
 export declare function isUnsupportedImg(url: string): boolean;
 /** 命中不支持格式时返回占位图，否则返回原 url */
 export declare function replaceUnsupportedImg(url?: string): string;
-/** TEMU 平台缩略图 */
+/**
+ * TEMU 平台缩略图。
+ * 统一走 imageView2（与 buildTemuImageResizeUrl 一致），会清掉原有 query（含非法双 ?）。
+ */
 export declare function temuThumbUrl(url: string, imgSize?: ImgSizeOptions): string;
 /**
- * 拼接图片 url（OSS / TEMU / 占位图）
- * @param url 原始图片地址
- * @param imgSize 图片缩放规则（w-宽, h-高, s-短边, l-长边）
- * @param options 当前调用配置；不传 ossLinks 时读取全局 configureImgUrl 配置
+ * 拼接图片 url（占位图 / 各平台 resize 规则）
+ *
+ * - 空图、不支持格式 → 占位图
+ * - oss → 网络自适应后再拼接
+ * - 其余命中规则（temu / shein / amazon / etsy …）→ buildPlatformImageResizeUrl
+ *
+ * 注意：不会再拼接 imageMogr2；若结果里仍出现 imageMogr2，说明别处还在用旧 temuThumbUrl。
  */
 export declare function montageImgUrl(url?: string, imgSize?: ImgSizeOptions, options?: MontageImgUrlOptions): string;

package/dist/tools/index.js

@@ -1,5 +1,5 @@
-import { D, c, g, a, b, i, d, e, m, n, f, r, t } from "../montageImgUrl-CwgYnB2h.js";
-import { a as a2, b as b2, c as c2, d as d2, e as e2, f as f2, g as g2, h, i as i2, j, k, l, m as m2, n as n2, o, p, q, r as r2, s, t as t2, u, v, w, x, y, z, A, B, C, D as D2, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2 as a22, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as } from "../common-D0EYVGB2.js";
+import { D, b, c, g, a, d, e, f, h, i, j, k, m, n, l, r, o, t } from "../montageImgUrl-B9ZmJ7TF.js";
+import { a as a2, b as b2, c as c2, d as d2, e as e2, f as f2, g as g2, h as h2, i as i2, j as j2, k as k2, l as l2, m as m2, n as n2, o as o2, p, q, r as r2, s, t as t2, u, v, w, x, y, z, A, B, C, D as D2, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z, _, $, a0, a1, a2 as a22, a3, a4, a5, a6, a7, a8, a9, aa, ab, ac, ad, ae, af, ag, ah, ai, aj, ak, al, am, an, ao, ap, aq, ar, as } from "../common-D0EYVGB2.js";
 import { detectFileType, formatFileSize, parseFile, parseFiles, parseImage, parseImageFile, parsePSD, parsePSDFile, parseTIFF, parseTIFFFile } from "./ImageParserUtils/index.js";
 import { s as s2 } from "../dateShortcuts-DjFC_Txu.js";
 export {
@@ -11,15 +11,16 @@ export {
   e2 as argFormate,
   f2 as base64ToBlob,
   g2 as base64ToFile,
-  h as boldPoint,
+  h2 as boldPoint,
+  b as buildPlatformImageResizeUrl,
   i2 as checkGoodValue,
-  j as cleanEmptyFields,
+  j2 as cleanEmptyFields,
   c as configureImgUrl,
-  k as convertImageFormat,
-  l as copyText,
+  k2 as convertImageFormat,
+  l2 as copyText,
   m2 as copyWord,
   n2 as createFileLocalUrl,
-  o as createUuid,
+  o2 as createUuid,
   p as currentDaysLessFivedays,
   q as debounce,
   detectFileType,
@@ -46,24 +47,27 @@ export {
   K as getArrayBufferFromInput,
   L as getFileFolderToEnums,
   M as getFilenameAndExtension,
+  g as getImageResizeRuleName,
   N as getImageSizeByFile,
-  g as getImgFasten,
+  a as getImgFasten,
   O as getMobileSubmitParams,
-  a as getNetworkAdaptiveOptions,
-  b as getOssLinks,
+  d as getNetworkAdaptiveOptions,
+  e as getOssLinks,
+  f as getPlatformOriginalImageUrl,
   P as getQueryParams,
   Q as getUUID,
   R as getUrlSuffix,
   S as getXmlKeyValue,
   T as hasInvalidFileNameChars,
+  h as hasPlatformImageResizeParams,
   i as imgUrlConfigKey,
-  d as initNetworkListener,
+  j as initNetworkListener,
   U as isCmykPsd,
   V as isFuction,
   W as isMobileDevice,
   X as isPdfUrl,
   Y as isSameDay,
-  e as isUnsupportedImg,
+  k as isUnsupportedImg,
   Z as localUrlToFile,
   _ as longestContinuousMatch,
   $ as mergeColumns,
@@ -74,7 +78,7 @@ export {
   m as montageImgUrl,
   a4 as nameReg,
   n as networkKey,
-  f as notSupportedImgTypes,
+  l as notSupportedImgTypes,
   a5 as numberFilter,
   a6 as numberToChinese,
   a7 as numberToRatio,
@@ -96,7 +100,8 @@ export {
   af as preventDefaultHandler,
   ag as pwdReg,
   ah as ratioToNumber,
-  r as replaceUnsupportedImg,
+  r as removeImageUrlQuery,
+  o as replaceUnsupportedImg,
   s2 as shortcuts,
   ai as sleep,
   aj as splitArray,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fangguo-component",
-  "version": "1.2.3",
+  "version": "1.2.5",
   "description": "",
   "type": "module",
   "main": "dist/index.js",
@@ -84,7 +84,7 @@
     "lint:fix": "oxlint --fix",
     "typecheck": "vue-tsc --noEmit -p tsconfig.check-src.json",
     "build:npm": "vite build --mode npm",
-    "publish:npm": "pnpm publish --no-git-checks",
+    "publish:npm": "pnpm build:npm && pnpm publish --no-git-checks",
     "docs:gen": "npx tsx scripts/gen-docs.ts",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs && pnpm --dir mcp/fangguo-component-mcp-server exec tsx src/generateCatalog.ts --out ../../docs/.vitepress/dist/catalog.json",

package/dist/ViewImg-DXhF20SL.js

@@ -1,254 +0,0 @@
-import './ViewImg.css';var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { defineComponent, useAttrs, ref, computed, watch, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, withDirectives, createElementVNode, mergeProps, vShow, renderSlot, createCommentVNode, createBlock, toDisplayString } from "vue";
-import { I as ImgViewerStore } from "./imgViewerStore-DK3zvGf4.js";
-import { h as DEFAULT_PREVIEW_SIDE_NAV, D as DEFAULT_ORIGINAL_TOOLBAR, l as DEFAULT_TOOLBAR_ICON_COLOR, k as DEFAULT_TOOLBAR_BG_COLOR, g as DEFAULT_PREVIEW_SHOW_PROGRESS, d as DEFAULT_PREVIEW_MAX_SCALE, e as DEFAULT_PREVIEW_MIN_SCALE, f as DEFAULT_PREVIEW_SCALE, j as DEFAULT_PREVIEW_ZOOM_RATE, a as DEFAULT_PREVIEW_CLOSE_ON_PRESS_ESCAPE, b as DEFAULT_PREVIEW_HIDE_ON_CLICK_MODAL, c as DEFAULT_PREVIEW_INFINITE, i as DEFAULT_PREVIEW_TELEPORTED } from "./types-Ccn_sb6f.js";
-import { n as networkKey, i as imgUrlConfigKey, m as montageImgUrl } from "./montageImgUrl-CwgYnB2h.js";
-import { F as FgErrorImage } from "./ErrorImage-CFVt1ht_.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
-const _hoisted_1 = ["src", "loading"];
-const _hoisted_2 = {
-  key: 0,
-  class: "fg-view-img__placeholder"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "fg-view-img__error"
-};
-const _hoisted_4 = { class: "fg-view-img__error-default" };
-const _hoisted_5 = {
-  key: 1,
-  class: "fg-view-img__error-text"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
-  inheritAttrs: false
-}), {
-  __name: "ViewImg",
-  props: {
-    src: { default: "" },
-    fit: { default: "" },
-    lazy: { type: Boolean, default: false },
-    loading: { type: Boolean, default: false },
-    preview: { type: Boolean, default: false },
-    previewSrcList: { default: () => [] },
-    initialIndex: { default: void 0 },
-    defImgPreviewIndex: { default: void 0 },
-    infinite: { type: Boolean, default: DEFAULT_PREVIEW_INFINITE },
-    zIndex: { default: void 0 },
-    hideOnClickModal: { type: Boolean, default: DEFAULT_PREVIEW_HIDE_ON_CLICK_MODAL },
-    closeOnPressEscape: { type: Boolean, default: DEFAULT_PREVIEW_CLOSE_ON_PRESS_ESCAPE },
-    previewTeleported: { type: Boolean, default: void 0 },
-    teleported: { type: Boolean, default: void 0 },
-    zoomRate: { default: DEFAULT_PREVIEW_ZOOM_RATE },
-    scale: { default: DEFAULT_PREVIEW_SCALE },
-    minScale: { default: DEFAULT_PREVIEW_MIN_SCALE },
-    maxScale: { default: DEFAULT_PREVIEW_MAX_SCALE },
-    showProgress: { type: Boolean, default: DEFAULT_PREVIEW_SHOW_PROGRESS },
-    toolbarBgColor: { default: DEFAULT_TOOLBAR_BG_COLOR },
-    backgroundColor: { default: "" },
-    toolbarIconColor: { default: DEFAULT_TOOLBAR_ICON_COLOR },
-    simpleExtraTools: { default: () => [] },
-    renderExtraTools: { default: null },
-    originalToolbar: { default: () => [...DEFAULT_ORIGINAL_TOOLBAR] },
-    errorColor: { default: "#f5f5f5" },
-    errorOffset: { default: 0 },
-    errorText: { default: "" },
-    ossProcess: { type: Boolean, default: true },
-    ossLinks: { default: void 0 },
-    imgSize: { default: () => ({}) },
-    previewStripQuery: { type: Boolean, default: true },
-    previewSideNav: { type: [Boolean, String], default: DEFAULT_PREVIEW_SIDE_NAV }
-  },
-  emits: ["load", "error", "retry", "show", "close", "switch"],
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const attrs = useAttrs();
-    const displaySrc = ref("");
-    const retried = ref(false);
-    const internalLoading = ref(false);
-    const loadError = ref(false);
-    const imgAttrs = computed(() => {
-      const _a = attrs, { class: _, style: __ } = _a, rest = __objRest(_a, ["class", "style"]);
-      return rest;
-    });
-    const imgStyle = computed(() => {
-      if (!props.fit) return {};
-      return { objectFit: props.fit };
-    });
-    const showPlaceholder = computed(
-      () => !!props.src && (props.loading || internalLoading.value) && !loadError.value
-    );
-    const previewEnabled = computed(() => (props.preview || (props.previewSrcList || []).length > 0) && !!displaySrc.value && !loadError.value);
-    const previewUrlList = computed(() => {
-      const rawList = props.previewSrcList.length ? props.previewSrcList : props.src ? [props.src] : [];
-      return rawList.map((url) => applyPreviewUrlFallback(url));
-    });
-    const previewInitialIndex = computed(() => {
-      if (props.defImgPreviewIndex != null) return props.defImgPreviewIndex;
-      if (props.initialIndex != null) return props.initialIndex;
-      const index = previewUrlList.value.indexOf(applyPreviewUrlFallback(props.src));
-      return index >= 0 ? index : 0;
-    });
-    const resolvedToolbarBgColor = computed(() => props.toolbarBgColor || props.backgroundColor || DEFAULT_TOOLBAR_BG_COLOR);
-    const resolvedPreviewTeleported = computed(
-      () => {
-        var _a, _b;
-        return (_b = (_a = props.previewTeleported) != null ? _a : props.teleported) != null ? _b : DEFAULT_PREVIEW_TELEPORTED;
-      }
-    );
-    function stripQueryParams(url) {
-      const index = url.indexOf("?");
-      return index === -1 ? url : url.slice(0, index);
-    }
-    function resolveImgUrl(url, imgSize) {
-      if (!props.ossProcess) return url;
-      return montageImgUrl(url, imgSize, props.ossLinks ? { ossLinks: props.ossLinks } : void 0);
-    }
-    function applyPreviewUrlFallback(url) {
-      if (!props.previewStripQuery || !url) return url;
-      return stripQueryParams(url);
-    }
-    function resetState(src) {
-      retried.value = false;
-      loadError.value = false;
-      internalLoading.value = !!src;
-      displaySrc.value = resolveImgUrl(src, props.imgSize);
-    }
-    function handleLoad(event) {
-      internalLoading.value = false;
-      loadError.value = false;
-      emit("load", event);
-    }
-    function markLoadFailed(event) {
-      internalLoading.value = false;
-      loadError.value = true;
-      emit("error", event);
-    }
-    function handleError(event) {
-      if (retried.value) {
-        markLoadFailed(event);
-        return;
-      }
-      const stripped = stripQueryParams(displaySrc.value);
-      if (stripped === displaySrc.value) {
-        markLoadFailed(event);
-        return;
-      }
-      const urlBefore = displaySrc.value;
-      retried.value = true;
-      internalLoading.value = true;
-      displaySrc.value = stripped;
-      emit("retry", { from: urlBefore, to: stripped });
-    }
-    function openPreview() {
-      if (!previewUrlList.value.length) return;
-      ImgViewerStore().showImgViewer({
-        previewImgList: previewUrlList.value,
-        defImgPreviewIndex: previewInitialIndex.value,
-        toolbarBgColor: resolvedToolbarBgColor.value,
-        toolbarIconColor: props.toolbarIconColor,
-        infinite: props.infinite,
-        zIndex: props.zIndex,
-        hideOnClickModal: props.hideOnClickModal,
-        closeOnPressEscape: props.closeOnPressEscape,
-        teleported: resolvedPreviewTeleported.value,
-        zoomRate: props.zoomRate,
-        scale: props.scale,
-        minScale: props.minScale,
-        maxScale: props.maxScale,
-        showProgress: props.showProgress,
-        simpleExtraTools: props.simpleExtraTools,
-        renderExtraTools: props.renderExtraTools,
-        originalToolbar: props.originalToolbar,
-        previewSideNav: props.previewSideNav,
-        onShow: (payload) => emit("show", payload),
-        onClose: () => emit("close"),
-        onSwitch: (index) => emit("switch", index)
-      });
-    }
-    function handlePreviewClick() {
-      if (!previewEnabled.value) return;
-      openPreview();
-    }
-    watch(
-      [() => props.src, () => props.ossProcess, () => props.ossLinks, () => props.imgSize, networkKey, imgUrlConfigKey],
-      ([src]) => {
-        resetState(src);
-      },
-      { immediate: true, deep: true }
-    );
-    __expose({
-      displaySrc,
-      retried,
-      openPreview
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(["fg-view-img", unref(attrs).class]),
-        style: normalizeStyle(unref(attrs).style)
-      }, [
-        withDirectives(createElementVNode("img", mergeProps({
-          class: ["fg-view-img__inner", { "fg-view-img__inner--preview": previewEnabled.value }]
-        }, imgAttrs.value, {
-          src: displaySrc.value || void 0,
-          loading: __props.lazy ? "lazy" : "eager",
-          style: imgStyle.value,
-          onLoad: handleLoad,
-          onError: handleError,
-          onClick: handlePreviewClick
-        }), null, 16, _hoisted_1), [
-          [vShow, !loadError.value]
-        ]),
-        showPlaceholder.value ? (openBlock(), createElementBlock("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "placeholder", {}, void 0, true)
-        ])) : createCommentVNode("", true),
-        loadError.value ? (openBlock(), createElementBlock("span", _hoisted_3, [
-          renderSlot(_ctx.$slots, "error", {}, () => [
-            createElementVNode("div", _hoisted_4, [
-              !__props.errorText ? (openBlock(), createBlock(unref(FgErrorImage), {
-                key: 0,
-                color: __props.errorColor,
-                offset: __props.errorOffset,
-                class: "fg-view-img__error-icon"
-              }, null, 8, ["color", "offset"])) : (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.errorText), 1))
-            ])
-          ], true)
-        ])) : createCommentVNode("", true)
-      ], 6);
-    };
-  }
-}));
-const FgViewImg = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c6ff5d38"]]);
-export {
-  FgViewImg as F
-};