fangguo-component 1.1.4 → 1.2.0

package/dist/components/index.d.ts

@@ -21,6 +21,10 @@ export * from './lazyComponent';
 export * from './selectTimePicker';
 export * from './imageLoupe';
 export * from './errorImage';
+export * from './viewImg';
+export * from './viewImgPopover';
+export * from './viewImgPreview';
+export * from './imgViewerHost';
 export * from './selectAll2';
 export * from './selectCustomAll';
 export * from './svgIcon';

package/dist/components/index.js

@@ -1,35 +1,53 @@
 import { _ } from "../ArgHover.vue_vue_type_style_index_0_lang-CSymSDRl.js";
-import { _ as _2 } from "../FgCascader.vue_vue_type_style_index_0_lang-CM8FxFLJ.js";
+import { _ as _2 } from "../FgCascader.vue_vue_type_style_index_0_lang-Bm4HR37D.js";
 import { _ as _3 } from "../CitySelect.vue_vue_type_script_setup_true_lang-DZp6834K.js";
 import { _ as _4 } from "../DragResizable.vue_vue_type_style_index_0_lang-BePpQHve.js";
-import { _ as _5 } from "../HSelectAll.vue_vue_type_script_setup_true_lang-BZX7ch2I.js";
+import { _ as _5 } from "../HSelectAll.vue_vue_type_script_setup_true_lang-C6qzdQT-.js";
 import { _ as _6 } from "../IdentifyAddress.vue_vue_type_script_setup_true_lang-BCIOF-Oy.js";
 import { _ as _7 } from "../ImageLoupe.vue_vue_type_script_setup_true_lang-BaXHYlDu.js";
-import { _ as _8 } from "../LazyComponent.vue_vue_type_script_setup_true_lang-D5KGqlj4.js";
-import { _ as _9 } from "../LazyPopover.vue_vue_type_script_setup_true_lang-B2vtU4f4.js";
+import { _ as _8 } from "../ImgViewerHost.vue_vue_type_script_setup_true_lang-CMoh7eWo.js";
+import { _ as _9 } from "../LazyComponent.vue_vue_type_script_setup_true_lang-D5KGqlj4.js";
 import { _ as _10 } from "../NoRender.vue_vue_type_script_setup_true_lang-B0G6jxPg.js";
 import { _ as _11 } from "../SelectAll.vue_vue_type_script_setup_true_lang-CyzY8ams.js";
 import { _ as _12 } from "../SelectAll2.vue_vue_type_script_setup_true_lang-CrsaohxU.js";
 import { _ as _13 } from "../SelectCustomAll.vue_vue_type_style_index_0_lang-BEZwlGXa.js";
 import { _ as _14 } from "../SelectTimePicker.vue_vue_type_script_setup_true_lang-Dk4TpTBN.js";
 import { _ as _15 } from "../TextEllipsisTooltip.vue_vue_type_script_setup_true_lang-DVE1CxPm.js";
+import { _ as _16 } from "../ViewImgPreview.vue_vue_type_style_index_0_lang-CYuLovBR.js";
+import { D, a, b, c, d, e, f, g, h, i, j, k } from "../types-BNFeGRer.js";
 import { B } from "../ButtonGroup-DqViorHX.js";
 import { C } from "../ContentTitle-By0Zk1u7.js";
 import { C as C2 } from "../CustomInputV2-BqhBSO53.js";
 import { C as C3 } from "../CustomMultipleInput-DRMTUtkE.js";
-import { D } from "../DragSort-5WetnkmW.js";
-import { E } from "../ErrorImage-Ao9kEEUg.js";
-import { H } from "../HSelect-BFkWiCFi.js";
-import { H as H2 } from "../HSelectSJ-DZmtdyjF.js";
-import { L } from "../LoadingBtn-DWm2cY9k.js";
+import { D as D2 } from "../DragSort-5WetnkmW.js";
+import { F } from "../ErrorImage-CFVt1ht_.js";
+import { H } from "../HSelect-DgFjd08Y.js";
+import { H as H2 } from "../HSelectSJ-DOFUzTZV.js";
+import { L } from "../LazyPopover-7ebuh-QG.js";
+import { L as L2 } from "../LoadingBtn-DWm2cY9k.js";
 import { M } from "../MInput-s_P63myh.js";
 import { M as M2 } from "../MyTable-CHvxPYgk.js";
 import { S } from "../SelectAddress-CCepDxu8.js";
-import { S as S2 } from "../SelectTree-DHbWogEU.js";
+import { S as S2 } from "../SelectTree-DUH92Iwr.js";
 import { S as S3 } from "../SvgIcon-DIg0upEk.js";
-import { T } from "../TextCopy-th0FAxwl.js";
-import { V } from "../VirtualTable-Cm_L7q9W.js";
+import { T } from "../TextCopy-lpbeqOUI.js";
+import { F as F2 } from "../ViewImg-Bg1AQ0T6.js";
+import { V } from "../ViewImgPopover-b9PDEYbP.js";
+import { I, P, g as g2, u, a as a2 } from "../imgViewerStore-C5n16uYa.js";
+import { V as V2 } from "../VirtualTable-Cm_L7q9W.js";
 export {
+  D as DEFAULT_ORIGINAL_TOOLBAR,
+  a as DEFAULT_PREVIEW_CLOSE_ON_PRESS_ESCAPE,
+  b as DEFAULT_PREVIEW_HIDE_ON_CLICK_MODAL,
+  c as DEFAULT_PREVIEW_INFINITE,
+  d as DEFAULT_PREVIEW_MAX_SCALE,
+  e as DEFAULT_PREVIEW_MIN_SCALE,
+  f as DEFAULT_PREVIEW_SCALE,
+  g as DEFAULT_PREVIEW_SHOW_PROGRESS,
+  h as DEFAULT_PREVIEW_TELEPORTED,
+  i as DEFAULT_PREVIEW_ZOOM_RATE,
+  j as DEFAULT_TOOLBAR_BG_COLOR,
+  k as DEFAULT_TOOLBAR_ICON_COLOR,
   _ as FgArgHover,
   B as FgButtonGroup,
   _2 as FgCascader,
@@ -38,16 +56,17 @@ export {
   C2 as FgCustomInputV2,
   C3 as FgCustomMultipleInput,
   _4 as FgDragResizable,
-  D as FgDragSort,
-  E as FgErrorImage,
+  D2 as FgDragSort,
+  F as FgErrorImage,
   H as FgHSelect,
   _5 as FgHSelectAll,
   H2 as FgHSelectSJ,
   _6 as FgIdentifyAddress,
   _7 as FgImageLoupe,
-  _8 as FgLazyComponent,
-  _9 as FgLazyPopover,
-  L as FgLoadingBtn,
+  _8 as FgImgViewerHost,
+  _9 as FgLazyComponent,
+  L as FgLazyPopover,
+  L2 as FgLoadingBtn,
   M as FgMInput,
   M2 as FgMyTable,
   _10 as FgNoRender,
@@ -60,5 +79,13 @@ export {
   S3 as FgSvgIcon,
   T as FgTextCopy,
   _15 as FgTextEllipsisTooltip,
-  V as VirtualTable
+  F2 as FgViewImg,
+  V as FgViewImgPopover,
+  _16 as FgViewImgPreview,
+  I as ImgViewerStore,
+  P as PREVIEW_BASE_Z_INDEX,
+  V2 as VirtualTable,
+  g2 as getDialogZindex,
+  u as useImgViewerState,
+  a2 as useImgViewerStore
 };

package/dist/components/lazyPopover/LazyPopover.vue.d.ts

@@ -1,27 +1,24 @@
+type PopoverUserProps = Record<string, unknown>;
+type __VLS_Props = {
+    props?: PopoverUserProps;
+};
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        reference?(_: {}): any;
         reference?(_: {}): any;
         default?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        triggerRef: HTMLSpanElement;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    props: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    props: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-}>> & Readonly<{}>, {
-    props: Record<string, any>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    props: PopoverUserProps;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    triggerRef: HTMLSpanElement;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/lazyPopover/index.js

@@ -1,4 +1,4 @@
-import { _ } from "../../LazyPopover.vue_vue_type_script_setup_true_lang-B2vtU4f4.js";
+import { L } from "../../LazyPopover-7ebuh-QG.js";
 export {
-  _ as FgLazyPopover
+  L as FgLazyPopover
 };

package/dist/components/selectTree/index.js

@@ -1,4 +1,4 @@
-import { S } from "../../SelectTree-DHbWogEU.js";
+import { S } from "../../SelectTree-DUH92Iwr.js";
 export {
   S as FgSelectTree
 };

package/dist/components/textCopy/index.js

@@ -1,4 +1,4 @@
-import { T } from "../../TextCopy-th0FAxwl.js";
+import { T } from "../../TextCopy-lpbeqOUI.js";
 export {
   T as FgTextCopy
 };

package/dist/components/viewImg/ViewImg.vue.d.ts

@@ -0,0 +1,141 @@
+import { VNode } from 'vue';
+import { ImgSizeOptions } from '../../tools/imgUrl';
+import { OriginalToolbarItem, SimpleCustomTool, PreviewShowPayload } from '../viewImgPreview/types';
+type ObjectFit = "fill" | "contain" | "cover" | "none" | "scale-down" | "";
+type __VLS_Props = {
+    src?: string;
+    fit?: ObjectFit;
+    lazy?: boolean;
+    /** 外部 loading 状态，为 true 时展示 placeholder */
+    loading?: boolean;
+    /** 是否开启点击预览大图 */
+    preview?: boolean;
+    /** 预览图片列表，默认 `[src]` */
+    previewSrcList?: string[];
+    /** 预览初始索引，默认取当前 `src` 在列表中的位置 */
+    initialIndex?: number;
+    /** 兼容旧字段，等同 `initialIndex` */
+    defImgPreviewIndex?: number;
+    /** 预览是否循环切换 */
+    infinite?: boolean;
+    /** 预览层 z-index；未传时在打开时自动取 max(.el-overlay, 2000) + 1 */
+    zIndex?: number;
+    /** 点击遮罩是否关闭预览 */
+    hideOnClickModal?: boolean;
+    /** 是否按 ESC 关闭预览 */
+    closeOnPressEscape?: boolean;
+    /** 预览是否 Teleport 到 body（推荐嵌套 transform 场景设为 true） */
+    previewTeleported?: boolean;
+    /** 同 previewTeleported（兼容旧字段） */
+    teleported?: boolean;
+    /** 预览缩放速率 */
+    zoomRate?: number;
+    /** 预览初始缩放比例 */
+    scale?: number;
+    /** 预览最小缩放比例 */
+    minScale?: number;
+    /** 预览最大缩放比例 */
+    maxScale?: number;
+    /** 预览是否显示进度（如 1/3） */
+    showProgress?: boolean;
+    /** 预览工具栏背景色 */
+    toolbarBgColor?: string;
+    /** 兼容旧字段，等同 `toolbarBgColor` */
+    backgroundColor?: string;
+    /** 预览工具栏图标/文字颜色 */
+    toolbarIconColor?: string;
+    /** 自定义工具栏按钮（图标 + handler） */
+    simpleExtraTools?: SimpleCustomTool[];
+    /** 通过 h 函数自定义工具栏内容 */
+    renderExtraTools?: VNode | null;
+    /** 内置工具栏按钮配置 */
+    originalToolbar?: OriginalToolbarItem[];
+    /** 默认失败占位图颜色，透传 FgErrorImage color */
+    errorColor?: string;
+    /** 默认失败占位图 offset，透传 FgErrorImage offset */
+    errorOffset?: number;
+    /** 加载失败时的自定义文案；与默认占位图同屏展示，也可用 #error 插槽完全自定义 */
+    errorText?: string;
+    /** 是否对 src 做 OSS / TEMU 缩略图处理，需先在应用入口 configureImgUrl 注入 ossLinks */
+    ossProcess?: boolean;
+    /** 当前组件使用的 OSS 域名白名单；未传时使用 configureImgUrl 注入的全局配置 */
+    ossLinks?: string[];
+    /** OSS 缩略图参数：w-宽, h-高, s-短边, l-长边, Q/q-质量, format-格式 */
+    imgSize?: ImgSizeOptions;
+    /** 点击预览是否去掉 URL 查询参数（与主图加载失败去参重试逻辑一致） */
+    previewStripQuery?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        placeholder?(_: {}): any;
+        error?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
+    displaySrc: import('vue').Ref<string, string>;
+    retried: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    switch: (index: number) => any;
+    show: (payload: PreviewShowPayload) => any;
+    close: () => any;
+    error: (event: Event) => any;
+    load: (event: Event) => any;
+    retry: (payload: {
+        from: string;
+        to: string;
+    }) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSwitch?: (index: number) => any;
+    onShow?: (payload: PreviewShowPayload) => any;
+    onClose?: () => any;
+    onError?: (event: Event) => any;
+    onLoad?: (event: Event) => any;
+    onRetry?: (payload: {
+        from: string;
+        to: string;
+    }) => any;
+}>, {
+    backgroundColor: string;
+    scale: number;
+    zIndex: number;
+    infinite: boolean;
+    lazy: boolean;
+    teleported: boolean;
+    loading: boolean;
+    preview: boolean;
+    closeOnPressEscape: boolean;
+    src: string;
+    hideOnClickModal: boolean;
+    previewSrcList: string[];
+    previewTeleported: boolean;
+    fit: ObjectFit;
+    defImgPreviewIndex: number;
+    toolbarBgColor: string;
+    toolbarIconColor: string;
+    simpleExtraTools: SimpleCustomTool[];
+    renderExtraTools: VNode | null;
+    originalToolbar: OriginalToolbarItem[];
+    zoomRate: number;
+    minScale: number;
+    maxScale: number;
+    showProgress: boolean;
+    initialIndex: number;
+    errorColor: string;
+    errorOffset: number;
+    errorText: string;
+    ossProcess: boolean;
+    ossLinks: string[];
+    imgSize: ImgSizeOptions;
+    previewStripQuery: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1 @@
+export { default as FgViewImg } from './ViewImg.vue';

package/dist/components/viewImg/index.js

@@ -0,0 +1,4 @@
+import { F } from "../../ViewImg-Bg1AQ0T6.js";
+export {
+  F as FgViewImg
+};