element-pe 1.0.2 → 1.0.6

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

@@ -1,178 +1,65 @@
-import type { SFCWithInstall } from 'element-plus/es/utils/types';
-declare const _Image: SFCWithInstall<import("vue").DefineComponent<{
-    appendToBody: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideOnClickModal: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    src: {
-        type: StringConstructor;
-        default: string;
-    };
-    fit: {
-        type: StringConstructor;
-        default: string;
-    };
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    scrollContainer: {
-        type: (ObjectConstructor | StringConstructor)[];
-        default: any;
-    };
-    previewSrcList: {
-        type: import("vue").PropType<string[]>;
-        default: () => string[];
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    widget: {
-        type: StringConstructor;
-    };
+export declare const ElImage: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly appendToBody: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly hideOnClickModal: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly src: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly fit: import("../../utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+    readonly lazy: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly scrollContainer: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string | HTMLElement | undefined>, unknown, unknown, unknown, unknown>;
+    readonly previewSrcList: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+    readonly zIndex: import("../../utils/props").BuildPropReturn<NumberConstructor, 2000, unknown, unknown, unknown>;
+    readonly widget: StringConstructor;
 }, {
     attrs: import("vue").ComputedRef<Record<string, unknown>>;
     loading: import("vue").Ref<boolean>;
     hasLoadError: import("vue").Ref<boolean>;
     showViewer: import("vue").Ref<boolean>;
-    imgWidth: import("vue").Ref<number>;
-    imgHeight: import("vue").Ref<number>;
+    containerStyle: import("vue").ComputedRef<import("vue").StyleValue>;
     imageStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    alignCenter: import("vue").ComputedRef<boolean>;
     preview: import("vue").ComputedRef<boolean>;
     imageIndex: import("vue").ComputedRef<number>;
+    container: import("vue").Ref<HTMLElement | undefined>;
     clickHandler: () => void;
     closeViewer: () => void;
-    switchViewer: (val: any) => void;
-    container: import("vue").Ref<HTMLElement>;
-    handleError: (e: Event) => void;
+    switchViewer: (val: number) => void;
     t: (...args: any[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "error" | "switch")[], "close" | "error" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    appendToBody?: unknown;
-    hideOnClickModal?: unknown;
-    src?: unknown;
-    fit?: unknown;
-    lazy?: unknown;
-    scrollContainer?: unknown;
-    previewSrcList?: unknown;
-    zIndex?: unknown;
-    widget?: unknown;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    error: (evt: Event) => boolean;
+    switch: (val: number) => boolean;
+    close: () => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly appendToBody?: unknown;
+    readonly hideOnClickModal?: unknown;
+    readonly src?: unknown;
+    readonly fit?: unknown;
+    readonly lazy?: unknown;
+    readonly scrollContainer?: unknown;
+    readonly previewSrcList?: unknown;
+    readonly zIndex?: unknown;
+    readonly widget?: unknown;
 } & {
     zIndex: number;
-    appendToBody: boolean;
+    appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
-    fit: string;
-    lazy: boolean;
-    hideOnClickModal: boolean;
+    fit: import("../../utils/props").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+    lazy: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    hideOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     previewSrcList: string[];
 } & {
-    widget?: string;
-    scrollContainer?: string | Record<string, any>;
+    widget?: string | undefined;
+    scrollContainer?: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;
 }> & {
-    onClose?: (...args: any[]) => any;
-    onError?: (...args: any[]) => any;
-    onSwitch?: (...args: any[]) => any;
+    onClose?: (() => any) | undefined;
+    onError?: ((evt: Event) => any) | undefined;
+    onSwitch?: ((val: number) => any) | undefined;
 }, {
     zIndex: number;
-    appendToBody: boolean;
+    appendToBody: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
-    fit: string;
-    lazy: boolean;
-    hideOnClickModal: boolean;
-    scrollContainer: string | Record<string, any>;
+    fit: import("../../utils/props").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+    lazy: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    hideOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    scrollContainer: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;
     previewSrcList: string[];
-}>>;
-export default _Image;
-export declare const ElImage: SFCWithInstall<import("vue").DefineComponent<{
-    appendToBody: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideOnClickModal: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    src: {
-        type: StringConstructor;
-        default: string;
-    };
-    fit: {
-        type: StringConstructor;
-        default: string;
-    };
-    lazy: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    scrollContainer: {
-        type: (ObjectConstructor | StringConstructor)[];
-        default: any;
-    };
-    previewSrcList: {
-        type: import("vue").PropType<string[]>;
-        default: () => string[];
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    widget: {
-        type: StringConstructor;
-    };
-}, {
-    attrs: import("vue").ComputedRef<Record<string, unknown>>;
-    loading: import("vue").Ref<boolean>;
-    hasLoadError: import("vue").Ref<boolean>;
-    showViewer: import("vue").Ref<boolean>;
-    imgWidth: import("vue").Ref<number>;
-    imgHeight: import("vue").Ref<number>;
-    imageStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    alignCenter: import("vue").ComputedRef<boolean>;
-    preview: import("vue").ComputedRef<boolean>;
-    imageIndex: import("vue").ComputedRef<number>;
-    clickHandler: () => void;
-    closeViewer: () => void;
-    switchViewer: (val: any) => void;
-    container: import("vue").Ref<HTMLElement>;
-    handleError: (e: Event) => void;
-    t: (...args: any[]) => string;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "error" | "switch")[], "close" | "error" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    appendToBody?: unknown;
-    hideOnClickModal?: unknown;
-    src?: unknown;
-    fit?: unknown;
-    lazy?: unknown;
-    scrollContainer?: unknown;
-    previewSrcList?: unknown;
-    zIndex?: unknown;
-    widget?: unknown;
-} & {
-    zIndex: number;
-    appendToBody: boolean;
-    src: string;
-    fit: string;
-    lazy: boolean;
-    hideOnClickModal: boolean;
-    previewSrcList: string[];
-} & {
-    widget?: string;
-    scrollContainer?: string | Record<string, any>;
-}> & {
-    onClose?: (...args: any[]) => any;
-    onError?: (...args: any[]) => any;
-    onSwitch?: (...args: any[]) => any;
-}, {
-    zIndex: number;
-    appendToBody: boolean;
-    src: string;
-    fit: string;
-    lazy: boolean;
-    hideOnClickModal: boolean;
-    scrollContainer: string | Record<string, any>;
-    previewSrcList: string[];
-}>>;
+}>> & Record<string, any>;
+export default ElImage;
+export * from './src/image';

package/es/components/image/index.js

@@ -1,20 +1,76 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, onBeforeUnmount, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, toDisplayString, mergeProps, createBlock, Teleport, Fragment, withCtx, createCommentVNode } from 'vue';
+import { withInstall } from 'element-pe/es/utils/with-install';
+import { defineComponent, ref, computed, watch, nextTick, onMounted, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createElementVNode, toDisplayString, mergeProps, createBlock, Teleport, Fragment, withCtx, createCommentVNode } from 'vue';
 import { isString } from '@vue/shared';
-import throttle from 'lodash/throttle';
-import { useLocaleInject, useAttrs } from 'element-plus/es/hooks';
-import ImageViewer from 'element-plus/es/components/image-viewer';
-import isServer from 'element-plus/es/utils/isServer';
-import { getScrollContainer, on, off, isInContainer } from 'element-plus/es/utils/dom';
+import { useThrottleFn, useEventListener } from '@vueuse/core';
+import { useLocaleInject, useAttrs } from 'element-pe/es/hooks';
+import ImageViewer from 'element-pe/es/components/image-viewer';
+import isServer from 'element-pe/es/utils/isServer';
+import { getScrollContainer, isInContainer } from 'element-pe/es/utils/dom';
+import { buildProps, definePropType, mutable } from 'element-pe/es/utils/props';
+import { isNumber } from 'element-pe/es/utils/util';
 
-const isSupportObjectFit = () => document.documentElement.style.objectFit !== void 0;
-const isHtmlEle = (e) => e && e.nodeType === 1;
-const ObjectFit = {
-  NONE: "none",
-  CONTAIN: "contain",
-  COVER: "cover",
-  FILL: "fill",
-  SCALE_DOWN: "scale-down"
+const imageProps = buildProps({
+  appendToBody: {
+    type: Boolean,
+    default: false
+  },
+  hideOnClickModal: {
+    type: Boolean,
+    default: false
+  },
+  src: {
+    type: String,
+    default: ""
+  },
+  fit: {
+    type: String,
+    values: ["", "contain", "cover", "fill", "none", "scale-down"],
+    default: ""
+  },
+  lazy: {
+    type: Boolean,
+    default: false
+  },
+  scrollContainer: {
+    type: definePropType([String, Object])
+  },
+  previewSrcList: {
+    type: definePropType(Array),
+    default: () => mutable([])
+  },
+  zIndex: {
+    type: Number,
+    default: 2e3
+  },
+  widget: String
+});
+const imageEmits = {
+  error: (evt) => evt instanceof Event,
+  switch: (val) => isNumber(val),
+  close: () => true
+};
+
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
 };
+const isHtmlElement = (e) => e && e.nodeType === Node.ELEMENT_NODE;
 let prevOverflow = "";
 var script = defineComponent({
   name: "ElImage",
@@ -22,45 +78,9 @@ var script = defineComponent({
     ImageViewer
   },
   inheritAttrs: false,
-  props: {
-    appendToBody: {
-      type: Boolean,
-      default: false
-    },
-    hideOnClickModal: {
-      type: Boolean,
-      default: false
-    },
-    src: {
-      type: String,
-      default: ""
-    },
-    fit: {
-      type: String,
-      default: ""
-    },
-    lazy: {
-      type: Boolean,
-      default: false
-    },
-    scrollContainer: {
-      type: [String, Object],
-      default: null
-    },
-    previewSrcList: {
-      type: Array,
-      default: () => []
-    },
-    zIndex: {
-      type: Number,
-      default: 2e3
-    },
-    widget: {
-      type: String
-    }
-  },
-  emits: ["error", "switch", "close"],
-  setup(props, { emit }) {
+  props: imageProps,
+  emits: imageEmits,
+  setup(props, { emit, attrs: rawAttrs }) {
     const { t } = useLocaleInject();
     const attrs = useAttrs();
     const hasLoadError = ref(false);
@@ -68,20 +88,18 @@ var script = defineComponent({
     const imgWidth = ref(0);
     const imgHeight = ref(0);
     const showViewer = ref(false);
-    const container = ref(null);
-    let _scrollContainer = null;
-    let _lazyLoadHandler = null;
+    const container = ref();
+    const _scrollContainer = ref();
+    let stopScrollListener;
+    let stopWheelListener;
+    const containerStyle = computed(() => rawAttrs.style);
     const imageStyle = computed(() => {
       const { fit } = props;
       if (!isServer && fit) {
-        return isSupportObjectFit() ? { "object-fit": fit } : getImageStyle(fit);
+        return { objectFit: fit };
       }
       return {};
     });
-    const alignCenter = computed(() => {
-      const { fit } = props;
-      return !isServer && !isSupportObjectFit() && fit !== ObjectFit.FILL;
-    });
     const preview = computed(() => {
       const { previewSrcList } = props;
       return Array.isArray(previewSrcList) && previewSrcList.length > 0;
@@ -95,44 +113,17 @@ var script = defineComponent({
       }
       return previewIndex;
     });
-    function getImageStyle(fit) {
-      const imageWidth = imgWidth.value;
-      const imageHeight = imgHeight.value;
-      if (!container.value)
-        return {};
-      const { clientWidth: containerWidth, clientHeight: containerHeight } = container.value;
-      if (!imageWidth || !imageHeight || !containerWidth || !containerHeight)
-        return {};
-      const imageAspectRatio = imageWidth / imageHeight;
-      const containerAspectRatio = containerWidth / containerHeight;
-      if (fit === ObjectFit.SCALE_DOWN) {
-        const isSmaller = imageWidth < containerWidth && imageHeight < containerHeight;
-        fit = isSmaller ? ObjectFit.NONE : ObjectFit.CONTAIN;
-      }
-      switch (fit) {
-        case ObjectFit.NONE:
-          return { width: "auto", height: "auto" };
-        case ObjectFit.CONTAIN:
-          return imageAspectRatio < containerAspectRatio ? { width: "auto" } : { height: "auto" };
-        case ObjectFit.COVER:
-          return imageAspectRatio < containerAspectRatio ? { height: "auto" } : { width: "auto" };
-        default:
-          return {};
-      }
-    }
     const loadImage = () => {
       if (isServer)
         return;
-      const attributes = attrs.value;
       loading.value = true;
       hasLoadError.value = false;
       const img = new Image();
-      img.onload = (e) => handleLoad(e, img);
-      img.onerror = handleError;
-      Object.keys(attributes).forEach((key) => {
+      img.addEventListener("load", (e) => handleLoad(e, img));
+      img.addEventListener("error", handleError);
+      Object.entries(attrs.value).forEach(([key, value]) => {
         if (key.toLowerCase() === "onload")
           return;
-        const value = attributes[key];
         img.setAttribute(key, value);
       });
       img.src = props.src;
@@ -143,64 +134,67 @@ var script = defineComponent({
       loading.value = false;
       hasLoadError.value = false;
     }
-    function handleError(e) {
+    function handleError(event) {
       loading.value = false;
       hasLoadError.value = true;
-      emit("error", e);
+      emit("error", event);
     }
     function handleLazyLoad() {
-      if (isInContainer(container.value, _scrollContainer)) {
+      if (isInContainer(container.value, _scrollContainer.value)) {
         loadImage();
         removeLazyLoadListener();
       }
     }
+    const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);
     function addLazyLoadListener() {
-      if (isServer)
-        return;
-      const { scrollContainer } = props;
-      if (isHtmlEle(scrollContainer)) {
-        _scrollContainer = scrollContainer;
-      } else if (isString(scrollContainer) && scrollContainer !== "") {
-        _scrollContainer = document.querySelector(scrollContainer);
-      } else {
-        _scrollContainer = getScrollContainer(container.value);
-      }
-      if (_scrollContainer) {
-        _lazyLoadHandler = throttle(handleLazyLoad, 200);
-        on(_scrollContainer, "scroll", _lazyLoadHandler);
-        setTimeout(() => handleLazyLoad(), 100);
-      }
+      return __async(this, null, function* () {
+        var _a;
+        if (isServer)
+          return;
+        yield nextTick();
+        const { scrollContainer } = props;
+        if (isHtmlElement(scrollContainer)) {
+          _scrollContainer.value = scrollContainer;
+        } else if (isString(scrollContainer) && scrollContainer !== "") {
+          _scrollContainer.value = (_a = document.querySelector(scrollContainer)) != null ? _a : void 0;
+        } else if (container.value) {
+          _scrollContainer.value = getScrollContainer(container.value);
+        }
+        if (_scrollContainer.value) {
+          stopScrollListener = useEventListener(_scrollContainer, "scroll", lazyLoadHandler);
+          setTimeout(() => handleLazyLoad(), 100);
+        }
+      });
     }
     function removeLazyLoadListener() {
-      if (isServer || !_scrollContainer || !_lazyLoadHandler)
+      if (isServer || !_scrollContainer.value || !lazyLoadHandler)
         return;
-      off(_scrollContainer, "scroll", _lazyLoadHandler);
-      _scrollContainer = null;
-      _lazyLoadHandler = null;
+      stopScrollListener();
+      _scrollContainer.value = void 0;
     }
-    function _wheelHandler(e) {
-      if (e.ctrlKey) {
-        if (e.deltaY < 0) {
-          e.preventDefault();
-          return false;
-        }
-        if (e.deltaY > 0) {
-          e.preventDefault();
-          return false;
-        }
+    function wheelHandler(e) {
+      if (!e.ctrlKey)
+        return;
+      if (e.deltaY < 0) {
+        e.preventDefault();
+        return false;
+      } else if (e.deltaY > 0) {
+        e.preventDefault();
+        return false;
       }
     }
     function clickHandler() {
-      if (!preview.value) {
+      if (!preview.value)
         return;
-      }
-      document.body.addEventListener("wheel", _wheelHandler, { passive: false });
+      stopWheelListener = useEventListener("wheel", wheelHandler, {
+        passive: false
+      });
       prevOverflow = document.body.style.overflow;
       document.body.style.overflow = "hidden";
       showViewer.value = true;
     }
     function closeViewer() {
-      document.body.removeEventListener("wheel", _wheelHandler, false);
+      stopWheelListener == null ? void 0 : stopWheelListener();
       document.body.style.overflow = prevOverflow;
       showViewer.value = false;
       emit("close");
@@ -213,37 +207,31 @@ var script = defineComponent({
         loading.value = true;
         hasLoadError.value = false;
         removeLazyLoadListener();
-        nextTick(addLazyLoadListener);
+        addLazyLoadListener();
       } else {
         loadImage();
       }
     });
     onMounted(() => {
       if (props.lazy) {
-        nextTick(addLazyLoadListener);
+        addLazyLoadListener();
       } else {
         loadImage();
       }
     });
-    onBeforeUnmount(() => {
-      props.lazy && removeLazyLoadListener();
-    });
     return {
       attrs,
       loading,
       hasLoadError,
       showViewer,
-      imgWidth,
-      imgHeight,
+      containerStyle,
       imageStyle,
-      alignCenter,
       preview,
       imageIndex,
+      container,
       clickHandler,
       closeViewer,
       switchViewer,
-      container,
-      handleError,
       t
     };
   }
@@ -259,7 +247,7 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     ref: "container",
     class: normalizeClass(["el-image", _ctx.$attrs.class]),
-    style: normalizeStyle(_ctx.$attrs.style),
+    style: normalizeStyle(_ctx.containerStyle),
     widget: _ctx.widget
   }, [
     _ctx.loading ? renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
@@ -273,7 +261,6 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
       src: _ctx.src,
       style: _ctx.imageStyle,
       class: {
-        "el-image__inner--center": _ctx.alignCenter,
         "el-image__preview": _ctx.preview
       },
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clickHandler && _ctx.clickHandler(...args))
@@ -305,12 +292,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script.render = render;
-script.__file = "packages/components/image/src/index.vue";
+script.__file = "packages/components/image/src/image.vue";
 
-script.install = (app) => {
-  app.component(script.name, script);
-};
-const _Image = script;
-const ElImage = _Image;
+const ElImage = withInstall(script);
 
-export { ElImage, _Image as default };
+export { ElImage, ElImage as default, imageEmits, imageProps };

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

@@ -0,0 +1,19 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const imageProps: {
+    readonly appendToBody: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly hideOnClickModal: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly src: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly fit: import("element-pe/es/utils/props").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+    readonly lazy: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly scrollContainer: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<string | HTMLElement | undefined>, unknown, unknown, unknown, unknown>;
+    readonly previewSrcList: import("element-pe/es/utils/props").BuildPropReturn<import("element-pe/es/utils/props").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+    readonly zIndex: import("element-pe/es/utils/props").BuildPropReturn<NumberConstructor, 2000, unknown, unknown, unknown>;
+    readonly widget: StringConstructor;
+};
+export declare type ImageProps = ExtractPropTypes<typeof imageProps>;
+export declare const imageEmits: {
+    error: (evt: Event) => boolean;
+    switch: (val: number) => boolean;
+    close: () => boolean;
+};
+export declare type ImageEmits = typeof imageEmits;