fangguo-component 1.2.2 → 1.2.4

package/dist/ViewImgPopover-D-1b2nEa.js

@@ -0,0 +1,497 @@
+import './ViewImgPopover.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 { ElWatermark } from "element-plus/es";
+import { defineComponent, useAttrs, ref, computed, watch, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createVNode, withCtx, Fragment, renderSlot, createBlock, createElementVNode, createSlots, normalizeProps, guardReactiveProps, createCommentVNode, mergeProps, withModifiers } from "vue";
+import { L as LazyPopover } from "./LazyPopover-CcvilJ6U.js";
+import { V as ViewImgErrorFallback, F as FgViewImg, u as useViewImgDefaults } from "./ViewImg-CD4QJK4R.js";
+import { m as montageImgUrl } from "./montageImgUrl-DP5jMHCX.js";
+import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
+const _hoisted_1 = {
+  key: 1,
+  class: "fg-view-img-popover__loading-icon",
+  viewBox: "0 0 1280 1024"
+};
+const _hoisted_2 = ["fill"];
+const _hoisted_3 = {
+  key: 1,
+  class: "fg-view-img-popover__loading-icon",
+  viewBox: "0 0 1280 1024"
+};
+const _hoisted_4 = ["fill"];
+const _hoisted_5 = {
+  key: 1,
+  class: "fg-view-img-popover__loading-icon",
+  viewBox: "0 0 1280 1024"
+};
+const _hoisted_6 = ["fill"];
+const HOVER_POPOVER_PADDING = 10;
+const HOVER_POPOVER_MAX_HEIGHT = 400;
+const DEFAULT_LOADING_ICON_COLOR = "#cfd2d7";
+const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
+  inheritAttrs: false
+}), {
+  __name: "ViewImgPopover",
+  props: {
+    src: { default: "" },
+    fit: {},
+    lazy: { type: Boolean },
+    loading: { type: Boolean },
+    preview: { type: Boolean },
+    previewSrcList: {},
+    initialIndex: {},
+    defImgPreviewIndex: {},
+    infinite: { type: Boolean },
+    zIndex: {},
+    hideOnClickModal: { type: Boolean },
+    closeOnPressEscape: { type: Boolean, default: true },
+    previewTeleported: { type: Boolean },
+    teleported: { type: Boolean },
+    zoomRate: {},
+    scale: {},
+    minScale: {},
+    maxScale: {},
+    showProgress: { type: Boolean },
+    toolbarBgColor: {},
+    backgroundColor: {},
+    toolbarIconColor: {},
+    simpleExtraTools: {},
+    renderExtraTools: {},
+    originalToolbar: {},
+    errorColor: {},
+    errorOffset: {},
+    errorText: {},
+    ossProcess: { type: Boolean, default: true },
+    ossLinks: {},
+    imgSize: {},
+    previewStripQuery: { type: Boolean, default: true },
+    hoverSrc: { default: "" },
+    previewSrc: { default: "" },
+    hoverImgSize: { default: void 0 },
+    hoverPopoverProps: { default: () => ({}) },
+    isShowWatermark: { type: Boolean, default: false },
+    waterMarkTitle: {},
+    showPreviewIcon: { type: Boolean, default: false },
+    showHoverOnError: { type: Boolean, default: false },
+    loadingIconColor: {}
+  },
+  emits: ["load", "error", "retry", "show", "close", "switch"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = useAttrs();
+    const viewImgRef = ref(null);
+    const referenceLoadError = ref(false);
+    const viewImgDefaults = useViewImgDefaults();
+    const ViewImgDefaultRenderer = defineComponent({
+      props: {
+        render: {
+          type: Function,
+          required: true
+        },
+        payload: {
+          type: Object,
+          required: true
+        }
+      },
+      setup(props2) {
+        return () => props2.render(props2.payload);
+      }
+    });
+    const viewImgProps = computed(() => {
+      const _a = props, {
+        hoverSrc: _h,
+        previewSrc: _ps,
+        hoverImgSize: _hi,
+        hoverPopoverProps: _hp,
+        isShowWatermark: _w,
+        waterMarkTitle: _wt,
+        showPreviewIcon: _spi,
+        showHoverOnError: _shoe,
+        loadingIconColor: _lic
+      } = _a, rest = __objRest(_a, [
+        "hoverSrc",
+        "previewSrc",
+        "hoverImgSize",
+        "hoverPopoverProps",
+        "isShowWatermark",
+        "waterMarkTitle",
+        "showPreviewIcon",
+        "showHoverOnError",
+        "loadingIconColor"
+      ]);
+      return __spreadProps(__spreadValues({}, rest), {
+        previewSrcList: shouldEnableReferencePreview.value ? resolvePopoverPreviewSrcList() : []
+      });
+    });
+    const referenceViewImgBind = computed(() => {
+      const _a = attrs, { class: _class, style: _style } = _a, rest = __objRest(_a, ["class", "style"]);
+      return __spreadValues(__spreadValues({}, rest), viewImgProps.value);
+    });
+    const handlePreviewIconClick = () => {
+      var _a;
+      if (isReferenceInvalid.value) return;
+      (_a = viewImgRef.value) == null ? void 0 : _a.openPreview(resolvePopoverPreviewSrcList());
+    };
+    const mergePopperStyle = (base, extra) => {
+      if (!extra) return base;
+      if (typeof extra === "string") return extra;
+      return __spreadValues(__spreadValues({}, base), extra);
+    };
+    const HOVER_POPOVER_MAX_HEIGHT_CSS = `${HOVER_POPOVER_MAX_HEIGHT}px`;
+    const HOVER_IMAGE_MAX_HEIGHT_CSS = `${HOVER_POPOVER_MAX_HEIGHT - HOVER_POPOVER_PADDING * 2}px`;
+    const DEFAULT_HOVER_IMG_SIZE = { h: 420 };
+    const resolvedWaterMarkTitle = computed(() => {
+      var _a, _b;
+      return (_b = (_a = props.waterMarkTitle) != null ? _a : viewImgDefaults.waterMarkTitle) != null ? _b : "";
+    });
+    const resolvedLoadingIconColor = computed(
+      () => {
+        var _a, _b;
+        return (_b = (_a = props.loadingIconColor) != null ? _a : viewImgDefaults.loadingIconColor) != null ? _b : DEFAULT_LOADING_ICON_COLOR;
+      }
+    );
+    const defaultSlotPayload = computed(() => {
+      var _a, _b, _c, _d;
+      return {
+        src: props.src,
+        displaySrc: ((_a = viewImgRef.value) == null ? void 0 : _a.displaySrc) || props.src,
+        loading: !!props.loading,
+        loadError: referenceLoadError.value,
+        errorText: (_b = props.errorText) != null ? _b : "",
+        errorColor: (_c = props.errorColor) != null ? _c : "#f5f5f5",
+        errorOffset: (_d = props.errorOffset) != null ? _d : 0
+      };
+    });
+    const isReferenceInvalid = computed(() => !props.src.trim() || referenceLoadError.value);
+    const isHoverPopoverDisabled = computed(
+      () => isReferenceInvalid.value && !props.showHoverOnError
+    );
+    const canShowPreviewIcon = computed(
+      () => props.showPreviewIcon && !isReferenceInvalid.value
+    );
+    const shouldEnableReferencePreview = computed(() => {
+      var _a;
+      return props.preview || !!((_a = props.previewSrcList) == null ? void 0 : _a.length);
+    });
+    const hoverPopoverPropsMerged = computed(() => {
+      var _a;
+      const _b = (_a = props.hoverPopoverProps) != null ? _a : {}, { popperStyle: userPopperStyle, popperClass: userPopperClass } = _b, restHoverPopoverProps = __objRest(_b, ["popperStyle", "popperClass"]);
+      const popperClass = [userPopperClass, "fg-view-img-popover"].filter(Boolean).join(" ");
+      return __spreadValues({
+        placement: "right",
+        trigger: "hover",
+        width: 400,
+        teleported: true,
+        popperClass,
+        popperStyle: mergePopperStyle(
+          {
+            maxHeight: HOVER_POPOVER_MAX_HEIGHT_CSS,
+            overflow: "hidden",
+            padding: `${HOVER_POPOVER_PADDING}px`,
+            boxSizing: "border-box"
+          },
+          userPopperStyle
+        )
+      }, restHoverPopoverProps);
+    });
+    const resolveImgUrl = (url, imgSize) => {
+      if (!props.ossProcess) return url;
+      return montageImgUrl(url, imgSize, props.ossLinks ? { ossLinks: props.ossLinks } : void 0);
+    };
+    const stripQueryParams = (url) => {
+      const index = url.indexOf("?");
+      return index === -1 ? url : url.slice(0, index);
+    };
+    const applyPreviewUrlFallback = (url) => {
+      if (!props.previewStripQuery || !url) return url;
+      return stripQueryParams(url);
+    };
+    const resolvePopoverPreviewSrcList = () => {
+      var _a;
+      if (props.previewSrc) return [props.previewSrc];
+      if ((_a = props.previewSrcList) == null ? void 0 : _a.length) {
+        return props.previewSrcList.map((url) => applyPreviewUrlFallback(url));
+      }
+      if (!props.src.trim()) return [];
+      return [applyPreviewUrlFallback(props.src)];
+    };
+    const resolveResizeProcess = (imgSize) => {
+      const { w, h, s, l } = imgSize != null ? imgSize : {};
+      if (w) return `resize,w_${w}`;
+      if (h) return `resize,h_${h}`;
+      if (s) return `resize,s_${s}`;
+      if (l) return `resize,l_${l}`;
+      return "resize,h_420";
+    };
+    const replaceOssResizeProcess = (url, imgSize) => {
+      const resizeProcess = resolveResizeProcess(imgSize);
+      if (url.includes("x-oss-process=image/resize,")) {
+        return url.replace(/image\/resize,[^/?&#]+/, `image/${resizeProcess}`);
+      }
+      if (url.includes("x-oss-process=image/")) {
+        return url.replace("x-oss-process=image/", `x-oss-process=image/${resizeProcess}/`);
+      }
+      return "";
+    };
+    const resolveHoverImgUrl = (url, imgSize) => {
+      if (!url.trim()) return "";
+      if (!props.ossProcess) return url;
+      const replaced = replaceOssResizeProcess(url, imgSize);
+      if (replaced) return replaced;
+      return resolveImgUrl(url, imgSize);
+    };
+    const handleReferenceLoad = (event) => {
+      referenceLoadError.value = false;
+      emit("load", event);
+    };
+    const handleReferenceError = (event) => {
+      referenceLoadError.value = true;
+      emit("error", event);
+    };
+    const handleReferenceRetry = (payload) => {
+      referenceLoadError.value = false;
+      emit("retry", payload);
+    };
+    watch(
+      () => props.src,
+      () => {
+        referenceLoadError.value = false;
+      }
+    );
+    const hoverPreviewSrc = computed(() => {
+      var _a;
+      const hoverSource = props.hoverSrc || props.src;
+      if (props.hoverSrc && !props.hoverImgSize) return props.hoverSrc;
+      return resolveHoverImgUrl(hoverSource, (_a = props.hoverImgSize) != null ? _a : DEFAULT_HOVER_IMG_SIZE);
+    });
+    const hoverImgStyle = computed(() => ({
+      width: "100%",
+      height: HOVER_IMAGE_MAX_HEIGHT_CSS
+    }));
+    return (_ctx, _cache) => {
+      const _component_el_watermark = ElWatermark;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["fg-view-img-popover__reference", unref(attrs).class]),
+        style: normalizeStyle(unref(attrs).style)
+      }, [
+        createVNode(LazyPopover, {
+          class: "fg-view-img-popover__trigger",
+          props: hoverPopoverPropsMerged.value,
+          disabled: isHoverPopoverDisabled.value
+        }, {
+          reference: withCtx(() => [
+            createVNode(FgViewImg, mergeProps({
+              ref_key: "viewImgRef",
+              ref: viewImgRef
+            }, referenceViewImgBind.value, {
+              onLoad: handleReferenceLoad,
+              onError: handleReferenceError,
+              onRetry: handleReferenceRetry,
+              onShow: _cache[0] || (_cache[0] = (p) => emit("show", p)),
+              onClose: _cache[1] || (_cache[1] = ($event) => emit("close")),
+              onSwitch: _cache[2] || (_cache[2] = (i) => emit("switch", i))
+            }), createSlots({
+              placeholder: withCtx((slotProps) => [
+                renderSlot(_ctx.$slots, "placeholder", normalizeProps(guardReactiveProps(slotProps)), () => [
+                  unref(viewImgDefaults).placeholder ? (openBlock(), createBlock(unref(ViewImgDefaultRenderer), {
+                    key: 0,
+                    render: unref(viewImgDefaults).placeholder,
+                    payload: slotProps
+                  }, null, 8, ["render", "payload"])) : (openBlock(), createElementBlock("svg", _hoisted_1, [
+                    createElementVNode("path", {
+                      d: "M1174.826667 0H105.216A105.258667 105.258667 0 0 0-0.042667 105.258667V918.613333a105.258667 105.258667 0 0 0 105.258667 105.258667h1069.653333A105.258667 105.258667 0 0 0 1280.085333 918.613333V105.258667A105.344 105.344 0 0 0 1174.826667 0z m-402.773334 181.461333a105.386667 105.386667 0 1 1-0.042666 210.773334 105.386667 105.386667 0 0 1 0-210.773334zM104.746667 883.882667S191.018667 381.098667 391.509333 381.098667c196.48 0 246.528 351.616 384.810667 351.616 87.210667 0 78.08-158.72 216.490667-158.72 99.242667 0 162.304 309.888 162.304 309.888H104.789333z",
+                      fill: resolvedLoadingIconColor.value
+                    }, null, 8, _hoisted_2)
+                  ]))
+                ], true)
+              ]),
+              _: 2
+            }, [
+              _ctx.$slots.error ? {
+                name: "error",
+                fn: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, "error", normalizeProps(guardReactiveProps(slotProps)), void 0, true)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1040)
+          ]),
+          default: withCtx(() => [
+            hoverPreviewSrc.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              referenceLoadError.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                !__props.isShowWatermark ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "fg-view-img-popover__hover-image fg-view-img-popover__hover-error",
+                  style: normalizeStyle(hoverImgStyle.value)
+                }, [
+                  _ctx.$slots.error ? renderSlot(_ctx.$slots, "error", { key: 0 }, void 0, true) : unref(viewImgDefaults).error ? (openBlock(), createBlock(unref(ViewImgDefaultRenderer), {
+                    key: 1,
+                    render: unref(viewImgDefaults).error,
+                    payload: defaultSlotPayload.value
+                  }, null, 8, ["render", "payload"])) : (openBlock(), createBlock(ViewImgErrorFallback, {
+                    key: 2,
+                    src: defaultSlotPayload.value.src,
+                    "error-text": defaultSlotPayload.value.errorText,
+                    "error-color": defaultSlotPayload.value.errorColor
+                  }, null, 8, ["src", "error-text", "error-color"]))
+                ], 4)) : (openBlock(), createBlock(_component_el_watermark, {
+                  key: 1,
+                  class: "fg-view-img-popover__watermark",
+                  content: [resolvedWaterMarkTitle.value],
+                  gap: [10, 10],
+                  font: { fontSize: 16, color: "rgba(0, 0, 0, 0.3)" }
+                }, {
+                  default: withCtx(() => [
+                    createElementVNode("div", {
+                      class: "fg-view-img-popover__hover-image fg-view-img-popover__hover-error",
+                      style: normalizeStyle(hoverImgStyle.value)
+                    }, [
+                      _ctx.$slots.error ? renderSlot(_ctx.$slots, "error", { key: 0 }, void 0, true) : unref(viewImgDefaults).error ? (openBlock(), createBlock(unref(ViewImgDefaultRenderer), {
+                        key: 1,
+                        render: unref(viewImgDefaults).error,
+                        payload: defaultSlotPayload.value
+                      }, null, 8, ["render", "payload"])) : (openBlock(), createBlock(ViewImgErrorFallback, {
+                        key: 2,
+                        src: defaultSlotPayload.value.src,
+                        "error-text": defaultSlotPayload.value.errorText,
+                        "error-color": defaultSlotPayload.value.errorColor
+                      }, null, 8, ["src", "error-text", "error-color"]))
+                    ], 4)
+                  ]),
+                  _: 3
+                }, 8, ["content"]))
+              ], 64)) : !__props.isShowWatermark ? (openBlock(), createBlock(FgViewImg, {
+                key: 1,
+                class: "fg-view-img-popover__hover-image",
+                src: hoverPreviewSrc.value,
+                style: normalizeStyle(hoverImgStyle.value),
+                preview: false,
+                "oss-process": false,
+                "error-color": __props.errorColor,
+                "error-offset": __props.errorOffset,
+                "error-text": __props.errorText,
+                loading: __props.loading,
+                fit: "contain"
+              }, createSlots({
+                placeholder: withCtx((slotProps) => [
+                  renderSlot(_ctx.$slots, "placeholder", normalizeProps(guardReactiveProps(slotProps)), () => [
+                    unref(viewImgDefaults).placeholder ? (openBlock(), createBlock(unref(ViewImgDefaultRenderer), {
+                      key: 0,
+                      render: unref(viewImgDefaults).placeholder,
+                      payload: slotProps
+                    }, null, 8, ["render", "payload"])) : (openBlock(), createElementBlock("svg", _hoisted_3, [
+                      createElementVNode("path", {
+                        d: "M1174.826667 0H105.216A105.258667 105.258667 0 0 0-0.042667 105.258667V918.613333a105.258667 105.258667 0 0 0 105.258667 105.258667h1069.653333A105.258667 105.258667 0 0 0 1280.085333 918.613333V105.258667A105.344 105.344 0 0 0 1174.826667 0z m-402.773334 181.461333a105.386667 105.386667 0 1 1-0.042666 210.773334 105.386667 105.386667 0 0 1 0-210.773334zM104.746667 883.882667S191.018667 381.098667 391.509333 381.098667c196.48 0 246.528 351.616 384.810667 351.616 87.210667 0 78.08-158.72 216.490667-158.72 99.242667 0 162.304 309.888 162.304 309.888H104.789333z",
+                        fill: resolvedLoadingIconColor.value
+                      }, null, 8, _hoisted_4)
+                    ]))
+                  ], true)
+                ]),
+                _: 2
+              }, [
+                _ctx.$slots.error ? {
+                  name: "error",
+                  fn: withCtx((slotProps) => [
+                    renderSlot(_ctx.$slots, "error", normalizeProps(guardReactiveProps(slotProps)), void 0, true)
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["src", "style", "error-color", "error-offset", "error-text", "loading"])) : (openBlock(), createBlock(_component_el_watermark, {
+                key: 2,
+                class: "fg-view-img-popover__watermark",
+                content: [resolvedWaterMarkTitle.value],
+                gap: [10, 10],
+                font: { fontSize: 16, color: "rgba(0, 0, 0, 0.3)" }
+              }, {
+                default: withCtx(() => [
+                  createVNode(FgViewImg, {
+                    class: "fg-view-img-popover__hover-image",
+                    src: hoverPreviewSrc.value,
+                    style: normalizeStyle(hoverImgStyle.value),
+                    preview: false,
+                    "oss-process": false,
+                    "error-color": __props.errorColor,
+                    "error-offset": __props.errorOffset,
+                    "error-text": __props.errorText,
+                    loading: __props.loading,
+                    fit: "contain"
+                  }, createSlots({
+                    placeholder: withCtx((slotProps) => [
+                      renderSlot(_ctx.$slots, "placeholder", normalizeProps(guardReactiveProps(slotProps)), () => [
+                        unref(viewImgDefaults).placeholder ? (openBlock(), createBlock(unref(ViewImgDefaultRenderer), {
+                          key: 0,
+                          render: unref(viewImgDefaults).placeholder,
+                          payload: slotProps
+                        }, null, 8, ["render", "payload"])) : (openBlock(), createElementBlock("svg", _hoisted_5, [
+                          createElementVNode("path", {
+                            d: "M1174.826667 0H105.216A105.258667 105.258667 0 0 0-0.042667 105.258667V918.613333a105.258667 105.258667 0 0 0 105.258667 105.258667h1069.653333A105.258667 105.258667 0 0 0 1280.085333 918.613333V105.258667A105.344 105.344 0 0 0 1174.826667 0z m-402.773334 181.461333a105.386667 105.386667 0 1 1-0.042666 210.773334 105.386667 105.386667 0 0 1 0-210.773334zM104.746667 883.882667S191.018667 381.098667 391.509333 381.098667c196.48 0 246.528 351.616 384.810667 351.616 87.210667 0 78.08-158.72 216.490667-158.72 99.242667 0 162.304 309.888 162.304 309.888H104.789333z",
+                            fill: resolvedLoadingIconColor.value
+                          }, null, 8, _hoisted_6)
+                        ]))
+                      ], true)
+                    ]),
+                    _: 2
+                  }, [
+                    _ctx.$slots.error ? {
+                      name: "error",
+                      fn: withCtx((slotProps) => [
+                        renderSlot(_ctx.$slots, "error", normalizeProps(guardReactiveProps(slotProps)), void 0, true)
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["src", "style", "error-color", "error-offset", "error-text", "loading"])
+                ]),
+                _: 3
+              }, 8, ["content"]))
+            ], 64)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        }, 8, ["props", "disabled"]),
+        canShowPreviewIcon.value ? (openBlock(), createElementBlock("svg", {
+          key: 0,
+          class: "fg-view-img-popover__preview-icon",
+          viewBox: "0 0 1024 1024",
+          onClick: withModifiers(handlePreviewIconClick, ["stop"])
+        }, [..._cache[3] || (_cache[3] = [
+          createElementVNode("path", {
+            d: "M493.487325 0.000427c66.597422 0 131.274995 13.012309 192.155534 38.610292a491.779939 491.779939 0 0 1 156.830316 105.805002 491.609286 491.609286 0 0 1 144.628611 348.98585 491.481296 491.481296 0 0 1-116.726808 318.694903l141.642179 141.770169a41.212754 41.212754 0 0 1 0 58.150087 41.212754 41.212754 0 0 1-58.150087 0L812.310217 870.331888a492.163909 492.163909 0 0 1-318.694902 116.726808 491.481296 491.481296 0 0 1-348.985851-144.628611A491.822602 491.822602 0 0 1 0.000853 493.486898 491.694612 491.694612 0 0 1 144.501474 144.629037 491.822602 491.822602 0 0 1 493.487325 0.000427z m0 82.254855c-227.096783 0-411.274279 184.134833-411.274279 411.274279 0 227.054119 184.177496 411.231616 411.274279 411.231616s411.274279-184.177496 411.274278-411.274279-184.177496-411.274279-411.274278-411.274279z m0 201.029503c22.611553 0 41.127428 18.515875 41.127427 41.127428v127.98992h127.989921c22.611553 0 41.084765 18.473212 41.084765 41.084765s-18.515875 41.127428-41.127428 41.127428h-127.947258v127.989921c0 22.611553-18.515875 41.084765-41.127427 41.084764a41.255418 41.255418 0 0 1-41.127428-41.127428v-127.947257H324.412639a41.255418 41.255418 0 0 1-41.127428-41.127428c0-22.611553 18.515875-41.127428 41.127428-41.127428h127.989921V324.412213c0-22.611553 18.473212-41.127428 41.084765-41.127428z",
+            fill: "currentColor"
+          }, null, -1)
+        ])])) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+}));
+const ViewImgPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a3f15571"]]);
+export {
+  ViewImgPopover as V
+};

package/dist/ViewImgPopover.css

@@ -1,33 +1,43 @@
-.fg-view-img-popover__reference[data-v-868c46fb] {
+@charset "UTF-8";
+/* :where 降低默认宽高优先级，避免压过外部 Tailwind 等工具类（如 w-[200px]） */
+:where(.fg-view-img-popover__reference[data-v-a3f15571]) {
   position: relative;
   display: block;
   width: 100%;
   height: 100%;
 }
-.fg-view-img-popover__preview-icon[data-v-868c46fb] {
+.fg-view-img-popover__preview-icon[data-v-a3f15571] {
   position: absolute;
   top: 4px;
   right: 4px;
   z-index: 1;
+  display: block;
+  width: 14px;
+  height: 14px;
   line-height: 1;
   color: var(--el-text-color-primary);
   cursor: pointer;
 }
-.fg-view-img-popover__preview-icon[data-v-868c46fb]:hover {
+.fg-view-img-popover__preview-icon[data-v-a3f15571]:hover {
   color: var(--el-color-primary);
 }
-.fg-view-img-popover__hover-image[data-v-868c46fb] {
+.fg-view-img-popover__loading-icon[data-v-a3f15571] {
+  display: block;
+  width: 40%;
+  height: 40%;
+}
+.fg-view-img-popover__hover-image[data-v-a3f15571] {
   display: block;
   vertical-align: top;
   background: #7f7f7f;
 }
-.fg-view-img-popover__hover-image[data-v-868c46fb] .fg-view-img__inner {
+.fg-view-img-popover__hover-image[data-v-a3f15571] .fg-view-img__inner {
   width: 100%;
   height: 100%;
   object-fit: contain;
 }
-.fg-view-img-popover__hover-image[data-v-868c46fb] .fg-view-img__placeholder,
-.fg-view-img-popover__hover-image[data-v-868c46fb] .fg-view-img__error {
+.fg-view-img-popover__hover-image[data-v-a3f15571] .fg-view-img__placeholder,
+.fg-view-img-popover__hover-image[data-v-a3f15571] .fg-view-img__error {
   position: absolute;
   inset: 0;
   display: flex;
@@ -36,7 +46,7 @@
   background: #f5f7fa;
   line-height: 1.4;
 }
-.fg-view-img-popover__hover-image[data-v-868c46fb] .fg-view-img__error-default {
+.fg-view-img-popover__hover-image[data-v-a3f15571] .fg-view-img__error-default {
   width: 100%;
   height: 100%;
   display: flex;
@@ -46,13 +56,13 @@
   font-size: 13px;
   text-align: center;
 }
-.fg-view-img-popover__hover-image[data-v-868c46fb] .fg-view-img__error-text {
+.fg-view-img-popover__hover-image[data-v-a3f15571] .fg-view-img__error-text {
   color: #909399;
   font-size: 13px;
   line-height: 1.4;
   text-align: center;
 }
-.fg-view-img-popover__hover-error[data-v-868c46fb] {
+.fg-view-img-popover__hover-error[data-v-a3f15571] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -62,17 +72,30 @@
   font-size: 13px;
   line-height: 1.4;
   text-align: center;
-}.fg-view-img-popover__reference {
+}
+:where(.fg-view-img-popover__reference) {
+  display: block;
+  width: 100%;
+  height: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+:where(.fg-view-img-popover__trigger),
+:where(.fg-view-img-popover__reference .fg-lazy-popover__trigger) {
   display: block;
   width: 100%;
   height: 100%;
   max-width: 100%;
+  box-sizing: border-box;
 }
-.fg-view-img-popover__trigger {
+
+/* 空 src / 加载失败时错误层绝对定位，内层需撑满已定尺寸的根容器 */
+:where(.fg-view-img-popover__reference .fg-view-img) {
   display: block;
   width: 100%;
   height: 100%;
   max-width: 100%;
+  box-sizing: border-box;
 }
 .fg-view-img-popover.el-popper {
   box-sizing: border-box;

package/dist/components/cascader/index.js

@@ -1,4 +1,4 @@
-import { _ } from "../../FgCascader.vue_vue_type_style_index_0_lang-CstlYwHs.js";
+import { _ } from "../../FgCascader.vue_vue_type_style_index_0_lang-DzvTfHp4.js";
 export {
   _ as FgCascader
 };

package/dist/components/errorImage/index.js

@@ -1,4 +1,4 @@
-import { F } from "../../ErrorImage-CFVt1ht_.js";
+import { E } from "../../ErrorImage-Ao9kEEUg.js";
 export {
-  F as FgErrorImage
+  E as FgErrorImage
 };

package/dist/components/hSelect/index.js

@@ -1,4 +1,4 @@
-import { H } from "../../HSelect-DgFjd08Y.js";
+import { H } from "../../HSelect-0w2mSrtm.js";
 export {
   H as FgHSelect
 };

package/dist/components/hSelectAll/index.js

@@ -1,4 +1,4 @@
-import { _ } from "../../HSelectAll.vue_vue_type_script_setup_true_lang-C6qzdQT-.js";
+import { _ } from "../../HSelectAll.vue_vue_type_script_setup_true_lang-xHFbYs59.js";
 export {
   _ as FgHSelectAll
 };

package/dist/components/hSelectSJ/index.js

@@ -1,4 +1,4 @@
-import { H } from "../../HSelectSJ-DOFUzTZV.js";
+import { H } from "../../HSelectSJ-Cm573j6B.js";
 export {
   H as FgHSelectSJ
 };

package/dist/components/imgViewerHost/ImgViewerHost.vue.d.ts

@@ -1,2 +1,8 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_Props = {
+    /** 内部自动挂载标记，业务侧无需传入 */
+    autoHost?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    autoHost: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/imgViewerHost/imgViewerAutoHost.d.ts

@@ -0,0 +1,2 @@
+export declare function destroyImgViewerAutoHost(): void;
+export declare function ensureImgViewerAutoHost(): void;

package/dist/components/imgViewerHost/imgViewerHostRegistry.d.ts

@@ -0,0 +1,5 @@
+export type ImgViewerHostKind = "manual" | "auto";
+export declare function setImgViewerAutoHostCleanup(cleanup: (() => void) | null): void;
+export declare function registerImgViewerHost(kind?: ImgViewerHostKind): void;
+export declare function unregisterImgViewerHost(kind?: ImgViewerHostKind): void;
+export declare function hasImgViewerHost(): boolean;

package/dist/components/imgViewerHost/index.js

@@ -1,5 +1,5 @@
-import { _ } from "../../ImgViewerHost.vue_vue_type_script_setup_true_lang-DBs42WOq.js";
-import { I, P, g, u, a } from "../../imgViewerStore-DK3zvGf4.js";
+import { _ } from "../../ImgViewerHost.vue_vue_type_script_setup_true_lang-DO9s-b9s.js";
+import { I, P, g, u, a } from "../../imgViewerStore-Ajm-L7R5.js";
 export {
   _ as FgImgViewerHost,
   I as ImgViewerStore,