giime 0.9.10 → 0.9.12

package/es/components/src/base/image/Image.vue.d.ts

@@ -1,12 +1,30 @@
-declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+declare var __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {
+    download: (urlOrIndex: string | number, filename?: string) => Promise<void>;
+    actions: (action: import("element-plus").ImageViewerAction, options?: {} | undefined) => void;
+    prev: () => void;
+    next: () => void;
+    reset: () => void;
+    activeIndex: number;
+    setActiveItem: (index: number) => void;
+};
 type __VLS_Slots = {} & {
     placeholder?: (props: typeof __VLS_7) => any;
 } & {
     error?: (props: typeof __VLS_9) => any;
 } & {
     viewer?: (props: typeof __VLS_11) => any;
+} & {
+    toolbar?: (props: typeof __VLS_13) => any;
 };
 declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    showProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    downloadMode: {
+        type: import("vue").PropType<import("./image").GmImageDownloadMode>;
+        default: string;
+    };
     hideOnClickModal: BooleanConstructor;
     src: {
         readonly type: import("vue").PropType<string>;
@@ -108,20 +126,29 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     } & {
         readonly default: 7;
     };
-    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {
+    download: (urlOrIndex: string | number, filename?: string | undefined) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => void;
     show: () => void;
     switch: (val: number) => void;
     close: () => void;
     load: (evt: Event) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    showProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    downloadMode: {
+        type: import("vue").PropType<import("./image").GmImageDownloadMode>;
+        default: string;
+    };
     hideOnClickModal: BooleanConstructor;
     src: {
         readonly type: import("vue").PropType<string>;
@@ -223,7 +250,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     } & {
         readonly default: 7;
     };
-    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;
@@ -243,6 +269,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     fit: "" | "fill" | "none" | "contain" | "cover" | "scale-down";
     initialIndex: number;
     closeOnPressEscape: boolean;
+    showProgress: boolean;
+    downloadMode: import("./image").GmImageDownloadMode;
     hideOnClickModal: boolean;
     lazy: boolean;
     previewSrcList: string[];
@@ -250,7 +278,6 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     zoomRate: number;
     minScale: number;
     maxScale: number;
-    showProgress: boolean;
 }, {}>, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/es/components/src/base/image/Image.vue2.mjs

@@ -1,8 +1,11 @@
-import { defineComponent, useSlots, resolveComponent, createBlock, openBlock, mergeProps, toHandlers, unref, createSlots, withCtx, renderSlot } from 'vue';
+import { defineComponent, useSlots, computed, resolveComponent, createBlock, openBlock, mergeProps, toHandlers, unref, createSlots, withCtx, renderSlot, createElementBlock, normalizeProps, Fragment, createCommentVNode, createVNode } from 'vue';
+import { imageEmits, ElIcon } from 'element-plus';
 import '../../../../utils/index.mjs';
-import { imageEmits } from 'element-plus';
+import '../../../../hooks/index.mjs';
 import { imageEmits as imageEmits$1, imageProps } from './image.mjs';
+import { ArrowLeftBold, ArrowRightBold, ZoomOut, ZoomIn, RefreshLeft, RefreshRight, Download } from '@element-plus/icons-vue';
 import { getGmEvent } from '../../../../utils/src/elementPlus/event.mjs';
+import { useDownload, getUrlFilename } from '../../../../hooks/base/useDownload/index.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -11,17 +14,118 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Image",
   props: imageProps,
   emits: imageEmits$1,
-  setup(__props, { emit: __emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const slots = useSlots();
     const props = __props;
     const emit = __emit;
     const elEvents = getGmEvent(imageEmits, emit);
+    const { downloadByUrl } = useDownload();
+    const bindProps = computed(() => ({
+      ...props,
+      showProgress: props.showProgress
+    }));
+    const download = async (urlOrIndex, filename) => {
+      let url;
+      if (typeof urlOrIndex === "number") {
+        const list = props.previewSrcList;
+        url = list?.[urlOrIndex] || "";
+      } else {
+        url = urlOrIndex;
+      }
+      if (!url) {
+        console.warn("[GmImage] download: \u65E0\u6548\u7684 URL");
+        return;
+      }
+      const finalFilename = filename || getUrlFilename(url);
+      if (props.downloadMode === "link") {
+        window.open(url, "_blank");
+      } else {
+        await downloadByUrl(url, { filename: finalFilename });
+      }
+    };
+    __expose({
+      download
+    });
     return (_ctx, _cache) => {
       const _component_el_image = resolveComponent("el-image");
       return openBlock(), createBlock(
         _component_el_image,
-        mergeProps({ ref: "elRef" }, props, toHandlers(unref(elEvents))),
+        mergeProps({ ref: "elRef" }, bindProps.value, toHandlers(unref(elEvents))),
         createSlots({
+          toolbar: withCtx((toolbarProps) => [
+            unref(slots).toolbar ? renderSlot(_ctx.$slots, "toolbar", normalizeProps(mergeProps({ key: 0 }, { ...toolbarProps, download }))) : (openBlock(), createElementBlock(
+              Fragment,
+              { key: 1 },
+              [
+                createCommentVNode(" \u9ED8\u8BA4\u5DE5\u5177\u680F\uFF1A\u5F53\u7528\u6237\u672A\u4F20 toolbar slot \u65F6\u663E\u793A "),
+                createVNode(unref(ElIcon), {
+                  onClick: toolbarProps.prev
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ArrowLeftBold))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["onClick"]),
+                createVNode(unref(ElIcon), {
+                  onClick: toolbarProps.next
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ArrowRightBold))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["onClick"]),
+                createVNode(unref(ElIcon), {
+                  onClick: ($event) => toolbarProps.actions("zoomOut")
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ZoomOut))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["onClick"]),
+                createVNode(unref(ElIcon), {
+                  onClick: ($event) => toolbarProps.actions("zoomIn")
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(ZoomIn))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["onClick"]),
+                createVNode(unref(ElIcon), {
+                  onClick: ($event) => toolbarProps.actions("anticlockwise")
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(RefreshLeft))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["onClick"]),
+                createVNode(unref(ElIcon), {
+                  onClick: ($event) => toolbarProps.actions("clockwise")
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(RefreshRight))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["onClick"]),
+                createVNode(unref(ElIcon), {
+                  onClick: ($event) => download(toolbarProps.activeIndex)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Download))
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1032, ["onClick"])
+              ],
+              64
+              /* STABLE_FRAGMENT */
+            ))
+          ]),
           _: 2
           /* DYNAMIC */
         }, [

package/es/components/src/base/image/Image.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Image.vue2.mjs","sources":["../../../../../../../packages/components/src/base/image/Image.vue"],"sourcesContent":["<template>\n  <el-image ref=\"elRef\" v-bind=\"props\" v-on=\"elEvents\">\n    <template v-if=\"slots.placeholder\" #placeholder>\n      <slot name=\"placeholder\" />\n    </template>\n    <template v-if=\"slots.error\" #error>\n      <slot name=\"error\" />\n    </template>\n    <template v-if=\"slots.viewer\" #viewer>\n      <slot name=\"viewer\" />\n    </template>\n  </el-image>\n</template>\n<script lang=\"ts\" setup>\nimport { useSlots } from 'vue';\nimport { getGmEvent } from '@giime/utils';\nimport { imageEmits as elImageEmits } from 'element-plus';\nimport { imageEmits, imageProps } from './image';\n// import type { ImageInstance } from 'element-plus';\n\ndefineOptions({\n  name: 'GmImage',\n});\nconst slots = useSlots();\nconst props = defineProps(imageProps);\nconst emit = defineEmits(imageEmits);\n// 重发el的事件\nconst elEvents = getGmEvent(elImageEmits, emit);\n\n// const elRef = ref<ImageInstance>();\n// defineExpose({\n//   elRef,\n// });\n</script>\n"],"names":["elImageEmits"],"mappings":";;;;;;;;;;;;;;AAuBA,IAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,QAAA,GAAW,UAAA,CAAWA,UAAA,EAAc,IAAI,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Image.vue2.mjs","sources":["../../../../../../../packages/components/src/base/image/Image.vue"],"sourcesContent":["<template>\n  <el-image ref=\"elRef\" v-bind=\"bindProps\" v-on=\"elEvents\">\n    <template v-if=\"slots.placeholder\" #placeholder>\n      <slot name=\"placeholder\" />\n    </template>\n    <template v-if=\"slots.error\" #error>\n      <slot name=\"error\" />\n    </template>\n    <template v-if=\"slots.viewer\" #viewer>\n      <slot name=\"viewer\" />\n    </template>\n    <template #toolbar=\"toolbarProps\">\n      <slot v-if=\"slots.toolbar\" name=\"toolbar\" v-bind=\"{ ...toolbarProps, download }\" />\n      <!-- 默认工具栏：当用户未传 toolbar slot 时显示 -->\n      <template v-else>\n        <el-icon @click=\"toolbarProps.prev\"><ArrowLeftBold /></el-icon>\n        <el-icon @click=\"toolbarProps.next\"><ArrowRightBold /></el-icon>\n        <el-icon @click=\"toolbarProps.actions('zoomOut')\"><ZoomOut /></el-icon>\n        <el-icon @click=\"toolbarProps.actions('zoomIn')\"><ZoomIn /></el-icon>\n        <el-icon @click=\"toolbarProps.actions('anticlockwise')\"><RefreshLeft /></el-icon>\n        <el-icon @click=\"toolbarProps.actions('clockwise')\"><RefreshRight /></el-icon>\n        <el-icon @click=\"download(toolbarProps.activeIndex)\"><Download /></el-icon>\n      </template>\n    </template>\n  </el-image>\n</template>\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue';\nimport { ElIcon } from 'element-plus';\nimport { getGmEvent } from '@giime/utils';\nimport { imageEmits as elImageEmits } from 'element-plus';\nimport { useDownload, getUrlFilename } from '@giime/hooks';\nimport { imageEmits, imageProps } from './image';\nimport { ArrowLeftBold, ArrowRightBold, ZoomOut, ZoomIn, RefreshLeft, RefreshRight, Download } from '@element-plus/icons-vue';\n// import type { ImageInstance } from 'element-plus';\n\ndefineOptions({\n  name: 'GmImage',\n});\nconst slots = useSlots();\nconst props = defineProps(imageProps);\nconst emit = defineEmits(imageEmits);\n// 重发el的事件\nconst elEvents = getGmEvent(elImageEmits, emit);\n\nconst { downloadByUrl } = useDownload();\n\n// 合并 showProgress 到 el-image 的 props\nconst bindProps = computed(() => ({\n  ...props,\n  showProgress: props.showProgress,\n}));\n\n/**\n * 下载图片\n * @param urlOrIndex 图片 URL 或在 previewSrcList 中的索引\n * @param filename 自定义文件名（可选）\n */\nconst download = async (urlOrIndex: string | number, filename?: string) => {\n  let url: string;\n\n  if (typeof urlOrIndex === 'number') {\n    // 通过索引获取 URL\n    const list = props.previewSrcList as string[];\n    url = list?.[urlOrIndex] || '';\n  } else {\n    url = urlOrIndex;\n  }\n\n  if (!url) {\n    console.warn('[GmImage] download: 无效的 URL');\n    return;\n  }\n\n  const finalFilename = filename || getUrlFilename(url);\n\n  if (props.downloadMode === 'link') {\n    // 使用 window.open 直接打开下载（无需 fetch 权限）\n    window.open(url, '_blank');\n  } else {\n    // 使用 downloadByUrl（blob 模式，带进度提示）\n    await downloadByUrl(url, { filename: finalFilename });\n  }\n};\n\n// const elRef = ref<ImageInstance>();\ndefineExpose({\n  download,\n});\n</script>\n"],"names":["elImageEmits"],"mappings":";;;;;;;;;;;;;;;;;AAuCA,IAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,QAAA,GAAW,UAAA,CAAWA,UAAA,EAAc,IAAI,CAAA;AAE9C,IAAA,MAAM,EAAE,aAAA,EAAc,GAAI,WAAA,EAAY;AAGtC,IAAA,MAAM,SAAA,GAAY,SAAS,OAAO;AAAA,MAChC,GAAG,KAAA;AAAA,MACH,cAAc,KAAA,CAAM;AAAA,KACtB,CAAE,CAAA;AAOF,IAAA,MAAM,QAAA,GAAW,OAAO,UAAA,EAA6B,QAAA,KAAsB;AACzE,MAAA,IAAI,GAAA;AAEJ,MAAA,IAAI,OAAO,eAAe,QAAA,EAAU;AAElC,QAAA,MAAM,OAAO,KAAA,CAAM,cAAA;AACnB,QAAA,GAAA,GAAM,IAAA,GAAO,UAAU,CAAA,IAAK,EAAA;AAAA,MAC9B,CAAA,MAAO;AACL,QAAA,GAAA,GAAM,UAAA;AAAA,MACR;AAEA,MAAA,IAAI,CAAC,GAAA,EAAK;AACR,QAAA,OAAA,CAAQ,KAAK,4CAA6B,CAAA;AAC1C,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,aAAA,GAAgB,QAAA,IAAY,cAAA,CAAe,GAAG,CAAA;AAEpD,MAAA,IAAI,KAAA,CAAM,iBAAiB,MAAA,EAAQ;AAEjC,QAAA,MAAA,CAAO,IAAA,CAAK,KAAK,QAAQ,CAAA;AAAA,MAC3B,CAAA,MAAO;AAEL,QAAA,MAAM,aAAA,CAAc,GAAA,EAAK,EAAE,QAAA,EAAU,eAAe,CAAA;AAAA,MACtD;AAAA,IACF,CAAA;AAGA,IAAA,QAAA,CAAa;AAAA,MACX;AAAA,KACD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/src/base/image/image.d.ts

@@ -1,7 +1,19 @@
+import type { PropType } from 'vue';
+export type GmImageDownloadMode = 'blob' | 'link';
 export declare const imageProps: {
+    /** 是否显示加载进度，默认 true */
+    showProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 下载模式：blob 使用 downloadByUrl（带进度），link 使用 window.open（无需权限） */
+    downloadMode: {
+        type: PropType<GmImageDownloadMode>;
+        default: string;
+    };
     hideOnClickModal: BooleanConstructor;
     src: {
-        readonly type: import("vue").PropType<string>;
+        readonly type: PropType<string>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -9,7 +21,7 @@ export declare const imageProps: {
         readonly default: "";
     };
     fit: {
-        readonly type: import("vue").PropType<"" | "fill" | "none" | "contain" | "cover" | "scale-down">;
+        readonly type: PropType<"" | "fill" | "none" | "contain" | "cover" | "scale-down">;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -17,20 +29,20 @@ export declare const imageProps: {
         readonly default: "";
     };
     loading: {
-        readonly type: import("vue").PropType<"lazy" | "eager">;
+        readonly type: PropType<"lazy" | "eager">;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     lazy: BooleanConstructor;
     scrollContainer: {
-        readonly type: import("vue").PropType<string | HTMLElement | undefined>;
+        readonly type: PropType<string | HTMLElement | undefined>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     previewSrcList: {
-        readonly type: import("vue").PropType<string[]>;
+        readonly type: PropType<string[]>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -39,13 +51,13 @@ export declare const imageProps: {
     };
     previewTeleported: BooleanConstructor;
     zIndex: {
-        readonly type: import("vue").PropType<number>;
+        readonly type: PropType<number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     initialIndex: {
-        readonly type: import("vue").PropType<number>;
+        readonly type: PropType<number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -53,7 +65,7 @@ export declare const imageProps: {
         readonly default: 0;
     };
     infinite: {
-        readonly type: import("vue").PropType<boolean>;
+        readonly type: PropType<boolean>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -61,7 +73,7 @@ export declare const imageProps: {
         readonly default: true;
     };
     closeOnPressEscape: {
-        readonly type: import("vue").PropType<boolean>;
+        readonly type: PropType<boolean>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -69,7 +81,7 @@ export declare const imageProps: {
         readonly default: true;
     };
     zoomRate: {
-        readonly type: import("vue").PropType<number>;
+        readonly type: PropType<number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -77,7 +89,7 @@ export declare const imageProps: {
         readonly default: 1.2;
     };
     scale: {
-        readonly type: import("vue").PropType<number>;
+        readonly type: PropType<number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -85,7 +97,7 @@ export declare const imageProps: {
         readonly default: 1;
     };
     minScale: {
-        readonly type: import("vue").PropType<number>;
+        readonly type: PropType<number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -93,16 +105,15 @@ export declare const imageProps: {
         readonly default: 0.2;
     };
     maxScale: {
-        readonly type: import("vue").PropType<number>;
+        readonly type: PropType<number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     } & {
         readonly default: 7;
     };
-    showProgress: BooleanConstructor;
     crossorigin: {
-        readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
+        readonly type: PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;

package/es/components/src/base/image/image.mjs

@@ -1,7 +1,17 @@
 import { imageProps as imageProps$1, imageEmits as imageEmits$1 } from 'element-plus';
 
 const imageProps = {
-  ...imageProps$1
+  ...imageProps$1,
+  /** 是否显示加载进度，默认 true */
+  showProgress: {
+    type: Boolean,
+    default: true
+  },
+  /** 下载模式：blob 使用 downloadByUrl（带进度），link 使用 window.open（无需权限） */
+  downloadMode: {
+    type: String,
+    default: "blob"
+  }
 };
 const imageEmits = {
   ...imageEmits$1

package/es/components/src/base/image/image.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"image.mjs","sources":["../../../../../../../packages/components/src/base/image/image.ts"],"sourcesContent":["import { imageEmits as elImageEmits, imageProps as elImageProps } from 'element-plus';\n// import type { ExtractPropTypes } from 'vue';\n\nexport const imageProps = {\n  ...elImageProps,\n};\n\nexport const imageEmits = {\n  ...elImageEmits,\n  // 自定义事件\n  // submit: (value: any) => !!value,\n};\n"],"names":["elImageProps","elImageEmits"],"mappings":";;AAGO,MAAM,UAAA,GAAa;AAAA,EACxB,GAAGA;AACL;AAEO,MAAM,UAAA,GAAa;AAAA,EACxB,GAAGC;AAAA;AAAA;AAGL;;;;"}
+{"version":3,"file":"image.mjs","sources":["../../../../../../../packages/components/src/base/image/image.ts"],"sourcesContent":["import { imageEmits as elImageEmits, imageProps as elImageProps } from 'element-plus';\nimport type { PropType } from 'vue';\n\nexport type GmImageDownloadMode = 'blob' | 'link';\n\nexport const imageProps = {\n  ...elImageProps,\n  /** 是否显示加载进度，默认 true */\n  showProgress: {\n    type: Boolean,\n    default: true,\n  },\n  /** 下载模式：blob 使用 downloadByUrl（带进度），link 使用 window.open（无需权限） */\n  downloadMode: {\n    type: String as PropType<GmImageDownloadMode>,\n    default: 'blob',\n  },\n};\n\nexport const imageEmits = {\n  ...elImageEmits,\n  // 自定义事件\n  // submit: (value: any) => !!value,\n};\n"],"names":["elImageProps","elImageEmits"],"mappings":";;AAKO,MAAM,UAAA,GAAa;AAAA,EACxB,GAAGA,YAAA;AAAA;AAAA,EAEH,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,OAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA;AAEb;AAEO,MAAM,UAAA,GAAa;AAAA,EACxB,GAAGC;AAAA;AAAA;AAGL;;;;"}

package/es/components/src/base/image/index.d.ts

@@ -1,6 +1,14 @@
 import Image from './Image.vue';
 export declare const GmImage: import("../../../../utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+        showProgress: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        downloadMode: {
+            type: import("vue").PropType<import("./image").GmImageDownloadMode>;
+            default: string;
+        };
         hideOnClickModal: BooleanConstructor;
         src: {
             readonly type: import("vue").PropType<string>;
@@ -102,7 +110,6 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
         } & {
             readonly default: 7;
         };
-        showProgress: BooleanConstructor;
         crossorigin: {
             readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
             readonly required: false;
@@ -115,13 +122,23 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
         onLoad?: ((evt: Event) => any) | undefined;
         onShow?: (() => any) | undefined;
         onSwitch?: ((val: number) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {
+        download: (urlOrIndex: string | number, filename?: string | undefined) => Promise<void>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         error: (evt: Event) => void;
         show: () => void;
         switch: (val: number) => void;
         close: () => void;
         load: (evt: Event) => void;
     }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+        showProgress: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        downloadMode: {
+            type: import("vue").PropType<import("./image").GmImageDownloadMode>;
+            default: string;
+        };
         hideOnClickModal: BooleanConstructor;
         src: {
             readonly type: import("vue").PropType<string>;
@@ -223,7 +240,6 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
         } & {
             readonly default: 7;
         };
-        showProgress: BooleanConstructor;
         crossorigin: {
             readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
             readonly required: false;
@@ -243,6 +259,8 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
         fit: "" | "fill" | "none" | "contain" | "cover" | "scale-down";
         initialIndex: number;
         closeOnPressEscape: boolean;
+        showProgress: boolean;
+        downloadMode: import("./image").GmImageDownloadMode;
         hideOnClickModal: boolean;
         lazy: boolean;
         previewSrcList: string[];
@@ -250,7 +268,6 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
         zoomRate: number;
         minScale: number;
         maxScale: number;
-        showProgress: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -259,6 +276,14 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
         M: {};
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
+        showProgress: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        downloadMode: {
+            type: import("vue").PropType<import("./image").GmImageDownloadMode>;
+            default: string;
+        };
         hideOnClickModal: BooleanConstructor;
         src: {
             readonly type: import("vue").PropType<string>;
@@ -360,7 +385,6 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
         } & {
             readonly default: 7;
         };
-        showProgress: BooleanConstructor;
         crossorigin: {
             readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
             readonly required: false;
@@ -373,13 +397,17 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
         onLoad?: ((evt: Event) => any) | undefined;
         onShow?: (() => any) | undefined;
         onSwitch?: ((val: number) => any) | undefined;
-    }, {}, {}, {}, {}, {
+    }, {
+        download: (urlOrIndex: string | number, filename?: string | undefined) => Promise<void>;
+    }, {}, {}, {}, {
         infinite: boolean;
         scale: number;
         src: string;
         fit: "" | "fill" | "none" | "contain" | "cover" | "scale-down";
         initialIndex: number;
         closeOnPressEscape: boolean;
+        showProgress: boolean;
+        downloadMode: import("./image").GmImageDownloadMode;
         hideOnClickModal: boolean;
         lazy: boolean;
         previewSrcList: string[];
@@ -387,12 +415,19 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
         zoomRate: number;
         minScale: number;
         maxScale: number;
-        showProgress: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    showProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    downloadMode: {
+        type: import("vue").PropType<import("./image").GmImageDownloadMode>;
+        default: string;
+    };
     hideOnClickModal: BooleanConstructor;
     src: {
         readonly type: import("vue").PropType<string>;
@@ -494,7 +529,6 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
     } & {
         readonly default: 7;
     };
-    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;
@@ -507,7 +541,9 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
     onLoad?: ((evt: Event) => any) | undefined;
     onShow?: (() => any) | undefined;
     onSwitch?: ((val: number) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {
+    download: (urlOrIndex: string | number, filename?: string | undefined) => Promise<void>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => void;
     show: () => void;
     switch: (val: number) => void;
@@ -520,6 +556,8 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
     fit: "" | "fill" | "none" | "contain" | "cover" | "scale-down";
     initialIndex: number;
     closeOnPressEscape: boolean;
+    showProgress: boolean;
+    downloadMode: import("./image").GmImageDownloadMode;
     hideOnClickModal: boolean;
     lazy: boolean;
     previewSrcList: string[];
@@ -527,7 +565,6 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
     zoomRate: number;
     minScale: number;
     maxScale: number;
-    showProgress: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         placeholder?: ((props: {}) => any) | undefined;
@@ -535,6 +572,16 @@ export declare const GmImage: import("../../../../utils").SFCWithInstall<{
         error?: ((props: {}) => any) | undefined;
     } & {
         viewer?: ((props: {}) => any) | undefined;
+    } & {
+        toolbar?: ((props: {
+            download: (urlOrIndex: string | number, filename?: string | undefined) => Promise<void>;
+            actions: (action: import("element-plus").ImageViewerAction, options?: {} | undefined) => void;
+            prev: () => void;
+            next: () => void;
+            reset: () => void;
+            activeIndex: number;
+            setActiveItem: (index: number) => void;
+        }) => any) | undefined;
     };
 })> & Record<string, any>;
 export type ImageInstance = InstanceType<typeof Image>;

package/es/components/src/base/imageViewer/ImageViewer.vue.d.ts

@@ -1,4 +1,12 @@
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
+    showProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    downloadMode: {
+        type: import("vue").PropType<import("./imageViewer").GmImageViewerDownloadMode>;
+        default: string;
+    };
     urlList: {
         readonly type: import("vue").PropType<string[]>;
         readonly required: false;
@@ -71,7 +79,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         readonly default: 7;
     };
-    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;
@@ -79,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{
         __epPropKey: true;
     };
 }, {
+    download: (urlOrIndex: string | number, filename?: string | undefined) => Promise<void>;
     setActiveItem: (index: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     error: (evt: Event) => void;
@@ -86,6 +94,14 @@ declare const _default: import("vue").DefineComponent<{
     switch: (index: number) => void;
     close: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    showProgress: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    downloadMode: {
+        type: import("vue").PropType<import("./imageViewer").GmImageViewerDownloadMode>;
+        default: string;
+    };
     urlList: {
         readonly type: import("vue").PropType<string[]>;
         readonly required: false;
@@ -158,7 +174,6 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         readonly default: 7;
     };
-    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import("vue").PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;
@@ -176,11 +191,27 @@ declare const _default: import("vue").DefineComponent<{
     teleported: boolean;
     initialIndex: number;
     closeOnPressEscape: boolean;
+    showProgress: boolean;
+    downloadMode: import("./imageViewer").GmImageViewerDownloadMode;
     hideOnClickModal: boolean;
     zoomRate: number;
     minScale: number;
     maxScale: number;
-    showProgress: boolean;
     urlList: string[];
-}, {}>;
+}, {}>, {
+    toolbar?: ((props: {
+        download: (urlOrIndex: string | number, filename?: string | undefined) => Promise<void>;
+        actions: (action: import("element-plus").ImageViewerAction, options?: {} | undefined) => void;
+        prev: () => void;
+        next: () => void;
+        reset: () => void;
+        activeIndex: number;
+        setActiveItem: (index: number) => void;
+    }) => any) | undefined;
+}>;
 export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};