fangguo-component 1.1.4 → 1.2.0

package/dist/ViewImgPreview.css

@@ -0,0 +1,100 @@
+@charset "UTF-8";
+.fg-view-img-preview__toolbar-capture {
+  display: none;
+}
+
+/* 无工具项时隐藏底部工具栏容器 */
+.el-image-viewer__wrapper.fg-view-img-preview--hide-toolbar .el-image-viewer__actions {
+  display: none !important;
+}
+
+/* 未配置切换按钮或仅单图时隐藏左右箭头（关闭按钮不受影响） */
+.el-image-viewer__wrapper.fg-view-img-preview--hide-nav .el-image-viewer__prev,
+.el-image-viewer__wrapper.fg-view-img-preview--hide-nav .el-image-viewer__next {
+  display: none !important;
+}
+
+/* 多图且配置了 prev/next 等时，显式展示左右箭头 */
+.el-image-viewer__wrapper.fg-view-img-preview--has-nav .el-image-viewer__prev,
+.el-image-viewer__wrapper.fg-view-img-preview--has-nav .el-image-viewer__next {
+  display: inline-flex !important;
+  visibility: visible !important;
+  opacity: 1 !important;
+}
+
+/* 保证预览图在视口内居中适配（避免业务全局 img { width/height: 100% } 导致铺满） */
+.el-image-viewer__wrapper .el-image-viewer__canvas {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+}
+.el-image-viewer__wrapper .el-image-viewer__img {
+  max-width: 100% !important;
+  max-height: 100% !important;
+  object-fit: contain !important;
+}
+
+/* 画布置于蒙层之上 */
+.el-image-viewer__wrapper.fg-view-img-preview--has-nav .el-image-viewer__mask,
+.el-image-viewer__wrapper.fg-view-img-preview--hide-nav .el-image-viewer__mask,
+.el-image-viewer__wrapper.fg-view-img-preview--hide-toolbar .el-image-viewer__mask {
+  z-index: 1;
+}
+.el-image-viewer__wrapper.fg-view-img-preview--has-nav .el-image-viewer__canvas,
+.el-image-viewer__wrapper.fg-view-img-preview--hide-nav .el-image-viewer__canvas,
+.el-image-viewer__wrapper.fg-view-img-preview--hide-toolbar .el-image-viewer__canvas {
+  z-index: 2;
+}
+.el-image-viewer__wrapper.fg-view-img-preview--has-nav .el-image-viewer__img,
+.el-image-viewer__wrapper.fg-view-img-preview--hide-nav .el-image-viewer__img,
+.el-image-viewer__wrapper.fg-view-img-preview--hide-toolbar .el-image-viewer__img {
+  z-index: 2;
+}
+.el-image-viewer__wrapper.fg-view-img-preview--has-nav .el-image-viewer__btn,
+.el-image-viewer__wrapper.fg-view-img-preview--has-nav .el-image-viewer__close,
+.el-image-viewer__wrapper.fg-view-img-preview--has-nav .el-image-viewer__actions,
+.el-image-viewer__wrapper.fg-view-img-preview--hide-nav .el-image-viewer__btn,
+.el-image-viewer__wrapper.fg-view-img-preview--hide-nav .el-image-viewer__close,
+.el-image-viewer__wrapper.fg-view-img-preview--hide-toolbar .el-image-viewer__btn,
+.el-image-viewer__wrapper.fg-view-img-preview--hide-toolbar .el-image-viewer__close {
+  z-index: 3;
+}
+.el-image-viewer__wrapper .el-image-viewer__img.fg-view-img-preview__img--broken {
+  position: absolute;
+  z-index: 2;
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
+
+/* 自定义工具栏样式 */
+.el-image-viewer__actions:has(.fg-view-img-preview__toolbar) {
+  height: auto;
+  padding: 0;
+  background-color: transparent !important;
+  border: none;
+}
+.el-image-viewer__actions__inner:has(.fg-view-img-preview__toolbar) {
+  width: auto;
+  height: auto;
+  padding: 0;
+  gap: 0;
+  color: inherit;
+}
+.fg-view-img-preview__toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  padding: 8px 16px;
+  border-radius: 22px;
+  color: var(--fg-view-img-toolbar-color, #ffffff);
+  background-color: var(--fg-view-img-toolbar-bg, #606266);
+}
+.fg-view-img-preview__action {
+  font-size: 23px;
+  color: var(--fg-view-img-toolbar-color, #ffffff);
+  cursor: pointer;
+}

package/dist/ViewImgPreview.vue_vue_type_style_index_0_lang-CYuLovBR.js

@@ -0,0 +1,306 @@
+import { defineComponent, shallowRef, watch, nextTick, computed, openBlock, createBlock, unref, withCtx, createElementVNode, toDisplayString, createElementBlock, normalizeStyle, Fragment, renderList, resolveDynamicComponent, createCommentVNode } from "vue";
+import { ElImageViewer, ElIcon } from "element-plus";
+import { Refresh, RefreshRight, RefreshLeft, ZoomIn, ZoomOut, DArrowRight, DArrowLeft, Right, Back } from "@element-plus/icons-vue";
+import { D as DEFAULT_ORIGINAL_TOOLBAR, g as DEFAULT_PREVIEW_SHOW_PROGRESS, d as DEFAULT_PREVIEW_MAX_SCALE, e as DEFAULT_PREVIEW_MIN_SCALE, f as DEFAULT_PREVIEW_SCALE, i as DEFAULT_PREVIEW_ZOOM_RATE, h as DEFAULT_PREVIEW_TELEPORTED, a as DEFAULT_PREVIEW_CLOSE_ON_PRESS_ESCAPE, b as DEFAULT_PREVIEW_HIDE_ON_CLICK_MODAL, k as DEFAULT_TOOLBAR_ICON_COLOR, j as DEFAULT_TOOLBAR_BG_COLOR, c as DEFAULT_PREVIEW_INFINITE } from "./types-BNFeGRer.js";
+import './ViewImgPreview.css';const _hoisted_1 = {
+  class: "fg-view-img-preview__toolbar-capture",
+  "aria-hidden": "true"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ViewImgPreview",
+  props: {
+    visible: { type: Boolean, default: false },
+    urlList: { default: () => [] },
+    initialIndex: { default: 0 },
+    infinite: { type: Boolean, default: DEFAULT_PREVIEW_INFINITE },
+    zIndex: { default: 2e3 },
+    toolbarBgColor: { default: DEFAULT_TOOLBAR_BG_COLOR },
+    toolbarIconColor: { default: DEFAULT_TOOLBAR_ICON_COLOR },
+    hideOnClickModal: { type: Boolean, default: DEFAULT_PREVIEW_HIDE_ON_CLICK_MODAL },
+    closeOnPressEscape: { type: Boolean, default: DEFAULT_PREVIEW_CLOSE_ON_PRESS_ESCAPE },
+    teleported: { type: Boolean, default: DEFAULT_PREVIEW_TELEPORTED },
+    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 },
+    simpleExtraTools: { default: () => [] },
+    renderExtraTools: { default: null },
+    originalToolbar: { default: () => [...DEFAULT_ORIGINAL_TOOLBAR] }
+  },
+  emits: ["close", "switch", "show"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const toolbarCtx = shallowRef(null);
+    let resetTimer;
+    function captureToolbar(toolbar) {
+      toolbarCtx.value = toolbar;
+      return "";
+    }
+    function syncViewerWrapperFlags() {
+      const wrapper = document.querySelector(".el-image-viewer__wrapper");
+      if (!wrapper) return;
+      wrapper.classList.remove(
+        "fg-view-img-preview--hide-toolbar",
+        "fg-view-img-preview--hide-nav",
+        "fg-view-img-preview--has-nav"
+      );
+      if (!props.visible) return;
+      if (!showToolbar.value) wrapper.classList.add("fg-view-img-preview--hide-toolbar");
+      if (showSideNav.value) wrapper.classList.add("fg-view-img-preview--has-nav");
+      else wrapper.classList.add("fg-view-img-preview--hide-nav");
+    }
+    function resetViewerOnce() {
+      var _a;
+      (_a = toolbarCtx.value) == null ? void 0 : _a.reset();
+    }
+    function scheduleResetOnce() {
+      if (resetTimer) clearTimeout(resetTimer);
+      nextTick(() => {
+        syncViewerWrapperFlags();
+        resetViewerOnce();
+      });
+      resetTimer = setTimeout(() => {
+        syncViewerWrapperFlags();
+        resetViewerOnce();
+      }, 50);
+    }
+    function centerBrokenViewerImage() {
+      const img = document.querySelector(".el-image-viewer__wrapper .el-image-viewer__img");
+      if (!img || !img.complete) return;
+      const broken = img.naturalWidth === 0 || img.naturalHeight === 0;
+      if (!broken) return;
+      img.classList.add("fg-view-img-preview__img--broken");
+      img.style.left = "50%";
+      img.style.top = "50%";
+      img.style.transform = "translate(-50%, -50%) scale(1)";
+    }
+    function clearBrokenViewerImageStyles() {
+      const img = document.querySelector(".el-image-viewer__wrapper .el-image-viewer__img");
+      if (!img) return;
+      img.classList.remove("fg-view-img-preview__img--broken");
+      img.style.removeProperty("left");
+      img.style.removeProperty("top");
+      img.style.removeProperty("transform");
+    }
+    function bindViewerImageEvents() {
+      const img = document.querySelector(".el-image-viewer__wrapper .el-image-viewer__img");
+      if (!img) return;
+      const onLoad = () => {
+        nextTick(() => {
+          clearBrokenViewerImageStyles();
+          scheduleResetOnce();
+        });
+      };
+      const onError = () => {
+        nextTick(centerBrokenViewerImage);
+      };
+      if (img.complete) {
+        if (img.naturalWidth === 0 || img.naturalHeight === 0) onError();
+        else onLoad();
+        return;
+      }
+      img.addEventListener("load", onLoad, { once: true });
+      img.addEventListener("error", onError, { once: true });
+    }
+    function handleSwitch(index) {
+      emit("switch", index);
+      nextTick(() => {
+        syncViewerWrapperFlags();
+        clearBrokenViewerImageStyles();
+        bindViewerImageEvents();
+        scheduleResetOnce();
+      });
+    }
+    watch(
+      () => props.visible,
+      (visible, wasVisible) => {
+        if (!visible) {
+          toolbarCtx.value = null;
+          if (resetTimer) clearTimeout(resetTimer);
+          syncViewerWrapperFlags();
+          return;
+        }
+        if (!wasVisible) {
+          emit("show", {
+            index: props.initialIndex,
+            urlList: [...props.urlList]
+          });
+        }
+        nextTick(() => {
+          syncViewerWrapperFlags();
+          bindViewerImageEvents();
+          scheduleResetOnce();
+        });
+      }
+    );
+    const NAV_TOOLBAR_KEYS = ["prev", "next", "fistImg", "lastImg"];
+    const showToolbar = computed(
+      () => props.originalToolbar.length > 0 || props.simpleExtraTools.length > 0 || !!props.renderExtraTools
+    );
+    const showSideNav = computed(
+      () => props.urlList.length > 1 && props.originalToolbar.some((key) => NAV_TOOLBAR_KEYS.includes(key))
+    );
+    watch(
+      [showToolbar, showSideNav, () => props.urlList.length],
+      () => {
+        if (props.visible) nextTick(syncViewerWrapperFlags);
+      }
+    );
+    const toolbarStyle = computed(() => ({
+      "--fg-view-img-toolbar-bg": props.toolbarBgColor,
+      "--fg-view-img-toolbar-color": props.toolbarIconColor
+    }));
+    const renderExtraToolsComponent = computed(() => {
+      if (!props.renderExtraTools) return null;
+      return {
+        render: () => props.renderExtraTools
+      };
+    });
+    const toolbarActions = {
+      prev: {
+        icon: Back,
+        title: "上一张",
+        handler: ({ prev }) => prev()
+      },
+      next: {
+        icon: Right,
+        title: "下一张",
+        handler: ({ next }) => next()
+      },
+      fistImg: {
+        icon: DArrowLeft,
+        title: "第一张",
+        handler: ({ setActiveItem }) => setActiveItem(0)
+      },
+      lastImg: {
+        icon: DArrowRight,
+        title: "最后一张",
+        handler: ({ setActiveItem }) => setActiveItem(Math.max(props.urlList.length - 1, 0))
+      },
+      zoomOut: {
+        icon: ZoomOut,
+        title: "缩小",
+        handler: ({ actions }) => actions("zoomOut")
+      },
+      zoomIn: {
+        icon: ZoomIn,
+        title: "放大",
+        handler: ({ actions }) => actions("zoomIn")
+      },
+      anticlockwise: {
+        icon: RefreshLeft,
+        title: "逆时针",
+        handler: ({ actions }) => actions("anticlockwise")
+      },
+      clockwise: {
+        icon: RefreshRight,
+        title: "顺时针",
+        handler: ({ actions }) => actions("clockwise")
+      },
+      reset: {
+        icon: Refresh,
+        title: "重置",
+        handler: ({ reset }) => reset()
+      }
+    };
+    function buildToolParams(toolbar) {
+      var _a;
+      return {
+        url: (_a = props.urlList[toolbar.activeIndex]) != null ? _a : "",
+        index: toolbar.activeIndex,
+        actions: toolbar.actions,
+        reset: toolbar.reset,
+        prev: toolbar.prev,
+        next: toolbar.next,
+        setActiveItem: toolbar.setActiveItem
+      };
+    }
+    function handleSimpleToolClick(tool, toolbar) {
+      toolbarCtx.value = toolbar;
+      tool.handler(buildToolParams(toolbar));
+    }
+    function hasToolbarAction(toolKey) {
+      return !!toolbarActions[toolKey];
+    }
+    function getToolbarTitle(toolKey) {
+      var _a, _b;
+      return (_b = (_a = toolbarActions[toolKey]) == null ? void 0 : _a.title) != null ? _b : "";
+    }
+    function getToolbarIcon(toolKey) {
+      var _a;
+      return (_a = toolbarActions[toolKey]) == null ? void 0 : _a.icon;
+    }
+    function runToolbarAction(toolKey, toolbar) {
+      var _a;
+      toolbarCtx.value = toolbar;
+      (_a = toolbarActions[toolKey]) == null ? void 0 : _a.handler(toolbar);
+    }
+    function handleClose() {
+      emit("close");
+    }
+    return (_ctx, _cache) => {
+      return __props.visible ? (openBlock(), createBlock(unref(ElImageViewer), {
+        key: 0,
+        "url-list": __props.urlList,
+        "initial-index": __props.initialIndex,
+        infinite: __props.infinite,
+        "z-index": __props.zIndex,
+        "hide-on-click-modal": __props.hideOnClickModal,
+        "close-on-press-escape": __props.closeOnPressEscape,
+        teleported: __props.teleported,
+        "zoom-rate": __props.zoomRate,
+        scale: __props.scale,
+        "min-scale": __props.minScale,
+        "max-scale": __props.maxScale,
+        "show-progress": __props.showProgress,
+        onClose: handleClose,
+        onSwitch: handleSwitch
+      }, {
+        toolbar: withCtx((toolbar) => [
+          createElementVNode("div", _hoisted_1, toDisplayString(captureToolbar(toolbar)), 1),
+          showToolbar.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "fg-view-img-preview__toolbar",
+            style: normalizeStyle(toolbarStyle.value)
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.originalToolbar, (toolKey) => {
+              return openBlock(), createElementBlock(Fragment, { key: toolKey }, [
+                hasToolbarAction(toolKey) ? (openBlock(), createBlock(unref(ElIcon), {
+                  key: 0,
+                  class: "fg-view-img-preview__action",
+                  title: getToolbarTitle(toolKey),
+                  onClick: ($event) => runToolbarAction(toolKey, toolbar)
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createBlock(resolveDynamicComponent(getToolbarIcon(toolKey))))
+                  ]),
+                  _: 2
+                }, 1032, ["title", "onClick"])) : createCommentVNode("", true)
+              ], 64);
+            }), 128)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.simpleExtraTools, (tool) => {
+              return openBlock(), createBlock(unref(ElIcon), {
+                key: tool.label,
+                class: "fg-view-img-preview__action",
+                title: tool.label,
+                onClick: ($event) => handleSimpleToolClick(tool, toolbar)
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(tool.icon)))
+                ]),
+                _: 2
+              }, 1032, ["title", "onClick"]);
+            }), 128)),
+            __props.renderExtraTools ? (openBlock(), createBlock(resolveDynamicComponent(renderExtraToolsComponent.value), { key: 0 })) : createCommentVNode("", true)
+          ], 4)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["url-list", "initial-index", "infinite", "z-index", "hide-on-click-modal", "close-on-press-escape", "teleported", "zoom-rate", "scale", "min-scale", "max-scale", "show-progress"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/{common-B1nSpTGn.js → common-D0EYVGB2.js}

@@ -38,7 +38,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from "./_commonjsHelpers-DnzVkjQg.js";
-import { c as commonjsRequire, r as requireCryptoBrowserify } from "./index-DzdLpetc.js";
+import { c as commonjsRequire, r as requireCryptoBrowserify } from "./index-BtQgIf7F.js";
 import { ElMessage } from "element-plus";
 var cryptoJs$1 = { exports: {} };
 var core$1 = { exports: {} };

package/dist/components/cascader/index.js

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

package/dist/components/errorImage/index.js

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

package/dist/components/hSelect/index.js

@@ -1,4 +1,4 @@
-import { H } from "../../HSelect-BFkWiCFi.js";
+import { H } from "../../HSelect-DgFjd08Y.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-BZX7ch2I.js";
+import { _ } from "../../HSelectAll.vue_vue_type_script_setup_true_lang-C6qzdQT-.js";
 export {
   _ as FgHSelectAll
 };

package/dist/components/hSelectSJ/index.js

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

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

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,195 @@
+import { VNode } from 'vue';
+import { OriginalToolbarItem, SimpleCustomTool, PreviewShowPayload, ViewImgPreviewViewerOptions } from '../viewImgPreview/types';
+export interface ShowImgViewerOptions extends ViewImgPreviewViewerOptions {
+    previewImgList?: string[];
+    defImgPreviewIndex?: number;
+    /** 兼容旧字段，等同 `toolbarBgColor` */
+    backgroundColor?: string;
+    toolbarBgColor?: string;
+    toolbarIconColor?: string;
+    simpleExtraTools?: SimpleCustomTool[];
+    renderExtraTools?: VNode | null;
+    originalToolbar?: OriginalToolbarItem[];
+    /** 预览层打开时触发 */
+    onShow?: (payload: PreviewShowPayload) => void;
+    /** 预览层关闭时触发 */
+    onClose?: () => void;
+    /** 预览切换图片时触发 */
+    onSwitch?: (index: number) => void;
+}
+export interface ImgViewerStoreInstance {
+    readonly hostActivated: boolean;
+    readonly showImgPreview: boolean;
+    readonly previewImgList: string[];
+    readonly defImgPreviewIndex: number;
+    readonly infinite: boolean;
+    readonly zIndex: number;
+    readonly toolbarBgColor: string;
+    readonly toolbarIconColor: string;
+    readonly hideOnClickModal: boolean;
+    readonly closeOnPressEscape: boolean;
+    readonly teleported: boolean;
+    readonly zoomRate: number;
+    readonly scale: number;
+    readonly minScale: number;
+    readonly maxScale: number;
+    readonly showProgress: boolean;
+    readonly simpleExtraTools: SimpleCustomTool[];
+    readonly renderExtraTools: VNode | null;
+    readonly originalToolbar: OriginalToolbarItem[];
+    showImgViewer: (options?: ShowImgViewerOptions) => void;
+    hideImgViewer: () => void;
+    setDefImgPreviewIndex: (defImgPreviewIndex: number) => void;
+    setInfinite: (bol: boolean) => void;
+    setZindex: (index: number) => void;
+}
+/** 获取图片预览全局 store（单例） */
+export declare function useImgViewerStore(): ImgViewerStoreInstance;
+/** Pinia 风格调用：`const imgViewerStore = ImgViewerStore()` */
+export declare function ImgViewerStore(): ImgViewerStoreInstance;
+/** 供 Host 组件订阅的 reactive 状态 */
+export declare function useImgViewerState(): {
+    hostActivated: boolean;
+    showImgPreview: boolean;
+    previewImgList: string[];
+    defImgPreviewIndex: number;
+    infinite: boolean;
+    zIndex: number;
+    toolbarBgColor: string;
+    toolbarIconColor: string;
+    hideOnClickModal: boolean;
+    closeOnPressEscape: boolean;
+    teleported: boolean;
+    zoomRate: number;
+    scale: number;
+    minScale: number;
+    maxScale: number;
+    showProgress: boolean;
+    simpleExtraTools: {
+        [x: string]: unknown;
+        label: string;
+        icon: import('vue').FunctionalComponent<any, {}, any, {}> | {
+            new (...args: any[]): any;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+        } | {
+            [x: string]: any;
+            setup?: (this: void, props: import('@vue/shared').LooseRequired<any>, ctx: {
+                attrs: import('vue').Attrs;
+                slots: Readonly<{
+                    [name: string]: import('vue').Slot<any>;
+                }>;
+                emit: ((event: unknown, ...args: any[]) => void) | ((event: string, ...args: any[]) => void);
+                expose: <Exposed extends Record<string, any> = Record<string, any>>(exposed?: Exposed) => void;
+            }) => any;
+            name?: string;
+            template?: string | object;
+            render?: Function;
+            components?: Record<string, import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions, {}, any>>;
+            directives?: Record<string, import('vue').Directive<any, any, string, any>>;
+            inheritAttrs?: boolean;
+            emits?: any;
+            slots?: {};
+            expose?: string[];
+            serverPrefetch?: () => void | Promise<any>;
+            compilerOptions?: {
+                isCustomElement?: (tag: string) => boolean;
+                whitespace?: "preserve" | "condense";
+                comments?: boolean;
+                delimiters?: [string, string];
+            };
+            call?: (this: unknown, ...args: unknown[]) => never;
+            __isFragment?: never;
+            __isTeleport?: never;
+            __isSuspense?: never;
+            __defaults?: {};
+            compatConfig?: {
+                GLOBAL_MOUNT?: boolean | "suppress-warning";
+                GLOBAL_MOUNT_CONTAINER?: boolean | "suppress-warning";
+                GLOBAL_EXTEND?: boolean | "suppress-warning";
+                GLOBAL_PROTOTYPE?: boolean | "suppress-warning";
+                GLOBAL_SET?: boolean | "suppress-warning";
+                GLOBAL_DELETE?: boolean | "suppress-warning";
+                GLOBAL_OBSERVABLE?: boolean | "suppress-warning";
+                GLOBAL_PRIVATE_UTIL?: boolean | "suppress-warning";
+                CONFIG_SILENT?: boolean | "suppress-warning";
+                CONFIG_DEVTOOLS?: boolean | "suppress-warning";
+                CONFIG_KEY_CODES?: boolean | "suppress-warning";
+                CONFIG_PRODUCTION_TIP?: boolean | "suppress-warning";
+                CONFIG_IGNORED_ELEMENTS?: boolean | "suppress-warning";
+                CONFIG_WHITESPACE?: boolean | "suppress-warning";
+                CONFIG_OPTION_MERGE_STRATS?: boolean | "suppress-warning";
+                INSTANCE_SET?: boolean | "suppress-warning";
+                INSTANCE_DELETE?: boolean | "suppress-warning";
+                INSTANCE_DESTROY?: boolean | "suppress-warning";
+                INSTANCE_EVENT_EMITTER?: boolean | "suppress-warning";
+                INSTANCE_EVENT_HOOKS?: boolean | "suppress-warning";
+                INSTANCE_CHILDREN?: boolean | "suppress-warning";
+                INSTANCE_LISTENERS?: boolean | "suppress-warning";
+                INSTANCE_SCOPED_SLOTS?: boolean | "suppress-warning";
+                INSTANCE_ATTRS_CLASS_STYLE?: boolean | "suppress-warning";
+                OPTIONS_DATA_FN?: boolean | "suppress-warning";
+                OPTIONS_DATA_MERGE?: boolean | "suppress-warning";
+                OPTIONS_BEFORE_DESTROY?: boolean | "suppress-warning";
+                OPTIONS_DESTROYED?: boolean | "suppress-warning";
+                WATCH_ARRAY?: boolean | "suppress-warning";
+                PROPS_DEFAULT_THIS?: boolean | "suppress-warning";
+                V_ON_KEYCODE_MODIFIER?: boolean | "suppress-warning";
+                CUSTOM_DIR?: boolean | "suppress-warning";
+                ATTR_FALSE_VALUE?: boolean | "suppress-warning";
+                ATTR_ENUMERATED_COERCION?: boolean | "suppress-warning";
+                TRANSITION_CLASSES?: boolean | "suppress-warning";
+                TRANSITION_GROUP_ROOT?: boolean | "suppress-warning";
+                COMPONENT_ASYNC?: boolean | "suppress-warning";
+                COMPONENT_FUNCTIONAL?: boolean | "suppress-warning";
+                COMPONENT_V_MODEL?: boolean | "suppress-warning";
+                RENDER_FUNCTION?: boolean | "suppress-warning";
+                FILTERS?: boolean | "suppress-warning";
+                PRIVATE_APIS?: boolean | "suppress-warning";
+                MODE?: 2 | 3 | ((comp: import('vue').Component | null) => 2 | 3);
+            };
+            data?: (this: any, vm: any) => any;
+            computed?: import('vue').ComputedOptions;
+            methods?: import('vue').MethodOptions;
+            watch?: {
+                [x: string]: (string | import('vue').WatchCallback | ({
+                    handler: import('vue').WatchCallback | string;
+                } & import('vue').WatchOptions<boolean>)) | (string | import('vue').WatchCallback | ({
+                    handler: import('vue').WatchCallback | string;
+                } & import('vue').WatchOptions<boolean>))[];
+            };
+            provide?: import('vue').ComponentProvideOptions;
+            inject?: {} | string[];
+            filters?: Record<string, Function>;
+            mixins?: any[];
+            extends?: any;
+            beforeCreate?: () => any;
+            created?: () => any;
+            beforeMount?: () => any;
+            mounted?: () => any;
+            beforeUpdate?: () => any;
+            updated?: () => any;
+            activated?: () => any;
+            deactivated?: () => any;
+            beforeDestroy?: () => any;
+            beforeUnmount?: () => any;
+            destroyed?: () => any;
+            unmounted?: () => any;
+            renderTracked?: (e: import('vue').DebuggerEvent) => void;
+            renderTriggered?: (e: import('vue').DebuggerEvent) => void;
+            errorCaptured?: (err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void;
+            delimiters?: [string, string];
+            __differentiator?: string | number | symbol;
+            __isBuiltIn?: boolean;
+            __file?: string;
+            __name?: string;
+        };
+        handler: (params: import('..').ToolHandlerParams) => void;
+    }[];
+    renderExtraTools: VNode | null;
+    originalToolbar: OriginalToolbarItem[];
+    onShow: ((payload: PreviewShowPayload) => void) | null;
+    onClose: (() => void) | null;
+    onSwitch: ((index: number) => void) | null;
+};

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

@@ -0,0 +1,4 @@
+export { default as FgImgViewerHost } from './ImgViewerHost.vue';
+export { ImgViewerStore, useImgViewerStore, useImgViewerState } from './imgViewerStore';
+export type { ImgViewerStoreInstance, ShowImgViewerOptions } from './imgViewerStore';
+export { getDialogZindex, PREVIEW_BASE_Z_INDEX } from './utils';

package/dist/components/imgViewerHost/index.js

@@ -0,0 +1,10 @@
+import { _ } from "../../ImgViewerHost.vue_vue_type_script_setup_true_lang-CMoh7eWo.js";
+import { I, P, g, u, a } from "../../imgViewerStore-C5n16uYa.js";
+export {
+  _ as FgImgViewerHost,
+  I as ImgViewerStore,
+  P as PREVIEW_BASE_Z_INDEX,
+  g as getDialogZindex,
+  u as useImgViewerState,
+  a as useImgViewerStore
+};

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

@@ -0,0 +1,4 @@
+/** 图片预览层默认 z-index 下限（文档站无 el-overlay 时避免算出 1） */
+export declare const PREVIEW_BASE_Z_INDEX = 2000;
+/** 取当前页面 `.el-overlay` 的最大 z-index，用于预览层叠在弹窗之上 */
+export declare function getDialogZindex(): number;