fangguo-component 1.2.0 → 1.2.2

package/dist/ViewImgPopover-b9PDEYbP.js

@@ -1,275 +0,0 @@
-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, openBlock, createBlock, withCtx, createElementBlock, Fragment, normalizeStyle, createSlots, renderSlot, createVNode, createCommentVNode, mergeProps, unref } from "vue";
-import { L as LazyPopover } from "./LazyPopover-7ebuh-QG.js";
-import { F as FgViewImg } from "./ViewImg-Bg1AQ0T6.js";
-import { m as montageImgUrl } from "./montageImgUrl-CwgYnB2h.js";
-import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
-const HOVER_POPOVER_PADDING = 10;
-const HOVER_POPOVER_MAX_HEIGHT = 400;
-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 },
-    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 },
-    ossLinks: {},
-    imgSize: {},
-    previewStripQuery: { type: Boolean },
-    hoverSrc: { default: "" },
-    hoverImgSize: { default: void 0 },
-    hoverPopoverProps: { default: () => ({}) },
-    isShowWatermark: { type: Boolean, default: false },
-    waterMarkTitle: { default: "" }
-  },
-  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 viewImgProps = computed(() => {
-      const _a = props, {
-        hoverSrc: _h,
-        hoverImgSize: _hi,
-        hoverPopoverProps: _hp,
-        isShowWatermark: _w,
-        waterMarkTitle: _wt
-      } = _a, rest = __objRest(_a, [
-        "hoverSrc",
-        "hoverImgSize",
-        "hoverPopoverProps",
-        "isShowWatermark",
-        "waterMarkTitle"
-      ]);
-      return rest;
-    });
-    function 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 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);
-    });
-    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 resolvePreviewImgUrl(url, imgSize) {
-      return applyPreviewUrlFallback(resolveImgUrl(url, imgSize));
-    }
-    function resolveViewImgDisplaySrc() {
-      var _a;
-      const fromRef = (_a = viewImgRef.value) == null ? void 0 : _a.displaySrc;
-      if (fromRef) return fromRef;
-      if (!props.src) return "";
-      return resolveImgUrl(props.src, props.imgSize);
-    }
-    const hoverPreviewSrc = computed(() => {
-      var _a, _b, _c;
-      const displaySrc = resolveViewImgDisplaySrc();
-      const retried = (_b = (_a = viewImgRef.value) == null ? void 0 : _a.retried) != null ? _b : false;
-      if (props.hoverSrc) {
-        return resolvePreviewImgUrl(props.hoverSrc, (_c = props.hoverImgSize) != null ? _c : props.imgSize);
-      }
-      if (!props.src) return displaySrc || "";
-      if (!props.hoverImgSize) return displaySrc || "";
-      let url = resolveImgUrl(props.src, props.hoverImgSize);
-      if (retried) url = stripQueryParams(url);
-      return applyPreviewUrlFallback(url);
-    });
-    const hoverImgStyle = computed(() => ({
-      display: "block",
-      maxWidth: "100%",
-      maxHeight: HOVER_IMAGE_MAX_HEIGHT_CSS,
-      width: "auto",
-      height: "auto",
-      minWidth: "120px",
-      minHeight: "120px",
-      objectFit: "contain"
-    }));
-    return (_ctx, _cache) => {
-      const _component_el_watermark = ElWatermark;
-      return openBlock(), createBlock(LazyPopover, {
-        class: "fg-view-img-popover__trigger",
-        props: hoverPopoverPropsMerged.value
-      }, {
-        reference: withCtx(() => [
-          createVNode(FgViewImg, mergeProps({
-            ref_key: "viewImgRef",
-            ref: viewImgRef,
-            class: unref(attrs).class,
-            style: unref(attrs).style
-          }, viewImgProps.value, {
-            onLoad: _cache[0] || (_cache[0] = (e) => emit("load", e)),
-            onError: _cache[1] || (_cache[1] = (e) => emit("error", e)),
-            onRetry: _cache[2] || (_cache[2] = (p) => emit("retry", p)),
-            onShow: _cache[3] || (_cache[3] = (p) => emit("show", p)),
-            onClose: _cache[4] || (_cache[4] = ($event) => emit("close")),
-            onSwitch: _cache[5] || (_cache[5] = (i) => emit("switch", i))
-          }), createSlots({ _: 2 }, [
-            _ctx.$slots.placeholder ? {
-              name: "placeholder",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "placeholder", {}, void 0, true)
-              ]),
-              key: "0"
-            } : void 0,
-            _ctx.$slots.error ? {
-              name: "error",
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, "error", {}, void 0, true)
-              ]),
-              key: "1"
-            } : void 0
-          ]), 1040, ["class", "style"])
-        ]),
-        default: withCtx(() => [
-          hoverPreviewSrc.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            !__props.isShowWatermark ? (openBlock(), createBlock(FgViewImg, {
-              key: 0,
-              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,
-              fit: "contain"
-            }, createSlots({ _: 2 }, [
-              _ctx.$slots.error ? {
-                name: "error",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "error", {}, void 0, true)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["src", "style", "error-color", "error-offset", "error-text"])) : (openBlock(), createBlock(_component_el_watermark, {
-              key: 1,
-              class: "fg-view-img-popover__watermark",
-              content: [__props.waterMarkTitle],
-              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,
-                  fit: "contain"
-                }, createSlots({ _: 2 }, [
-                  _ctx.$slots.error ? {
-                    name: "error",
-                    fn: withCtx(() => [
-                      renderSlot(_ctx.$slots, "error", {}, void 0, true)
-                    ]),
-                    key: "0"
-                  } : void 0
-                ]), 1032, ["src", "style", "error-color", "error-offset", "error-text"])
-              ]),
-              _: 3
-            }, 8, ["content"]))
-          ], 64)) : createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["props"]);
-    };
-  }
-}));
-const ViewImgPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6955cede"]]);
-export {
-  ViewImgPopover as V
-};

package/dist/types-BNFeGRer.js

@@ -1,32 +0,0 @@
-const DEFAULT_ORIGINAL_TOOLBAR = [
-  "zoomOut",
-  "zoomIn",
-  "anticlockwise",
-  "clockwise",
-  "reset"
-];
-const DEFAULT_TOOLBAR_BG_COLOR = "#606266";
-const DEFAULT_TOOLBAR_ICON_COLOR = "#ffffff";
-const DEFAULT_PREVIEW_HIDE_ON_CLICK_MODAL = false;
-const DEFAULT_PREVIEW_CLOSE_ON_PRESS_ESCAPE = true;
-const DEFAULT_PREVIEW_TELEPORTED = true;
-const DEFAULT_PREVIEW_INFINITE = true;
-const DEFAULT_PREVIEW_ZOOM_RATE = 1.2;
-const DEFAULT_PREVIEW_SCALE = 1;
-const DEFAULT_PREVIEW_MIN_SCALE = 0.2;
-const DEFAULT_PREVIEW_MAX_SCALE = 7;
-const DEFAULT_PREVIEW_SHOW_PROGRESS = false;
-export {
-  DEFAULT_ORIGINAL_TOOLBAR as D,
-  DEFAULT_PREVIEW_CLOSE_ON_PRESS_ESCAPE as a,
-  DEFAULT_PREVIEW_HIDE_ON_CLICK_MODAL as b,
-  DEFAULT_PREVIEW_INFINITE as c,
-  DEFAULT_PREVIEW_MAX_SCALE as d,
-  DEFAULT_PREVIEW_MIN_SCALE as e,
-  DEFAULT_PREVIEW_SCALE as f,
-  DEFAULT_PREVIEW_SHOW_PROGRESS as g,
-  DEFAULT_PREVIEW_TELEPORTED as h,
-  DEFAULT_PREVIEW_ZOOM_RATE as i,
-  DEFAULT_TOOLBAR_BG_COLOR as j,
-  DEFAULT_TOOLBAR_ICON_COLOR as k
-};