element-pe 1.0.2 → 1.0.6

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

@@ -0,0 +1,65 @@
+import type { CSSProperties, StyleValue } from 'vue';
+declare const _default: 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>;
+    containerStyle: import("vue").ComputedRef<StyleValue>;
+    imageStyle: import("vue").ComputedRef<CSSProperties>;
+    preview: import("vue").ComputedRef<boolean>;
+    imageIndex: import("vue").ComputedRef<number>;
+    container: import("vue").Ref<HTMLElement | undefined>;
+    clickHandler: () => void;
+    closeViewer: () => void;
+    switchViewer: (val: number) => void;
+    t: (...args: any[]) => string;
+}, 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: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    src: string;
+    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 | undefined;
+    scrollContainer?: import("../../../utils/props").BuildPropType<import("../../../utils/props").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;
+}> & {
+    onClose?: (() => any) | undefined;
+    onError?: ((evt: Event) => any) | undefined;
+    onSwitch?: ((val: number) => any) | undefined;
+}, {
+    zIndex: number;
+    appendToBody: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    src: string;
+    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 _default;

package/es/components/image/style/css.d.ts

@@ -1,3 +1,3 @@
-import 'element-plus/es/components/base/style/css';
-import 'element-plus/theme-chalk/el-image.css';
-import 'element-plus/es/components/image-viewer/style/css';
+import 'element-pe/es/components/base/style/css';
+import 'element-pe/theme-chalk/el-image.css';
+import 'element-pe/es/components/image-viewer/style/css';

package/es/components/image/style/css.js

@@ -1,3 +1,3 @@
-import 'element-plus/es/components/base/style/css';
-import 'element-plus/theme-chalk/el-image.css';
-import 'element-plus/es/components/image-viewer/style/css';
+import 'element-pe/es/components/base/style/css';
+import 'element-pe/theme-chalk/el-image.css';
+import 'element-pe/es/components/image-viewer/style/css';

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

@@ -1,3 +1,3 @@
-import 'element-plus/es/components/base/style';
-import 'element-plus/theme-chalk/src/image.scss';
-import 'element-plus/es/components/image-viewer/style/index';
+import 'element-pe/es/components/base/style';
+import 'element-pe/theme-chalk/src/image.scss';
+import 'element-pe/es/components/image-viewer/style/index';

package/es/components/image/style/index.js

@@ -1,3 +1,3 @@
-import 'element-plus/es/components/base/style';
-import 'element-plus/theme-chalk/src/image.scss';
-import 'element-plus/es/components/image-viewer/style/index';
+import 'element-pe/es/components/base/style';
+import 'element-pe/theme-chalk/src/image.scss';
+import 'element-pe/es/components/image-viewer/style/index';

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

@@ -1,29 +1,13 @@
-import type { SFCWithInstall } from 'element-plus/es/utils/types';
-declare const _ImageViewer: SFCWithInstall<import("vue").DefineComponent<{
-    urlList: {
-        type: import("vue").PropType<string[]>;
-        default: () => any[];
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    initialIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    infinite: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideOnClickModal: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+export declare const ElImageViewer: import("../../utils/types").SFCWithInstall<import("vue").DefineComponent<{
+    readonly urlList: import("../../utils/props").BuildPropReturn<import("../../utils/props").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+    readonly zIndex: import("../../utils/props").BuildPropReturn<NumberConstructor, 2000, unknown, unknown, unknown>;
+    readonly initialIndex: import("../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly infinite: import("../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly hideOnClickModal: import("../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
 }, {
     index: import("vue").Ref<number>;
-    wrapper: any;
-    img: any;
+    wrapper: import("vue").Ref<HTMLDivElement | undefined>;
+    img: import("vue").Ref<HTMLImageElement | undefined>;
     isSingle: import("vue").ComputedRef<boolean>;
     isFirst: import("vue").ComputedRef<boolean>;
     isLast: import("vue").ComputedRef<boolean>;
@@ -33,98 +17,38 @@ declare const _ImageViewer: SFCWithInstall<import("vue").DefineComponent<{
         name: string;
         icon: string;
     }>;
-    handleActions: (action: import("./src/index.vue").ImageViewerAction, options?: {}) => void;
+    handleActions: (action: import("./src/image-viewer.vue").ImageViewerAction, options?: {}) => void;
     prev: () => void;
     next: () => void;
     hide: () => void;
     toggleMode: () => void;
     handleImgLoad: () => void;
-    handleImgError: (e: any) => void;
+    handleImgError: (e: Event) => void;
     handleMouseDown: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch")[], "close" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    urlList?: unknown;
-    zIndex?: unknown;
-    initialIndex?: unknown;
-    infinite?: unknown;
-    hideOnClickModal?: unknown;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => boolean;
+    switch: (index: number) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly urlList?: unknown;
+    readonly zIndex?: unknown;
+    readonly initialIndex?: unknown;
+    readonly infinite?: unknown;
+    readonly hideOnClickModal?: unknown;
 } & {
     zIndex: number;
-    infinite: boolean;
+    infinite: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     initialIndex: number;
     urlList: string[];
-    hideOnClickModal: boolean;
+    hideOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
 } & {}> & {
-    onClose?: (...args: any[]) => any;
-    onSwitch?: (...args: any[]) => any;
+    onClose?: (() => any) | undefined;
+    onSwitch?: ((index: number) => any) | undefined;
 }, {
     zIndex: number;
-    infinite: boolean;
+    infinite: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
     initialIndex: number;
     urlList: string[];
-    hideOnClickModal: boolean;
-}>>;
-export default _ImageViewer;
-export declare const ElImageViewer: SFCWithInstall<import("vue").DefineComponent<{
-    urlList: {
-        type: import("vue").PropType<string[]>;
-        default: () => any[];
-    };
-    zIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    initialIndex: {
-        type: NumberConstructor;
-        default: number;
-    };
-    infinite: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    hideOnClickModal: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    index: import("vue").Ref<number>;
-    wrapper: any;
-    img: any;
-    isSingle: import("vue").ComputedRef<boolean>;
-    isFirst: import("vue").ComputedRef<boolean>;
-    isLast: import("vue").ComputedRef<boolean>;
-    currentImg: import("vue").ComputedRef<string>;
-    imgStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    mode: import("vue").Ref<{
-        name: string;
-        icon: string;
-    }>;
-    handleActions: (action: import("./src/index.vue").ImageViewerAction, options?: {}) => void;
-    prev: () => void;
-    next: () => void;
-    hide: () => void;
-    toggleMode: () => void;
-    handleImgLoad: () => void;
-    handleImgError: (e: any) => void;
-    handleMouseDown: (e: MouseEvent) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "switch")[], "close" | "switch", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    urlList?: unknown;
-    zIndex?: unknown;
-    initialIndex?: unknown;
-    infinite?: unknown;
-    hideOnClickModal?: unknown;
-} & {
-    zIndex: number;
-    infinite: boolean;
-    initialIndex: number;
-    urlList: string[];
-    hideOnClickModal: boolean;
-} & {}> & {
-    onClose?: (...args: any[]) => any;
-    onSwitch?: (...args: any[]) => any;
-}, {
-    zIndex: number;
-    infinite: boolean;
-    initialIndex: number;
-    urlList: string[];
-    hideOnClickModal: boolean;
-}>>;
+    hideOnClickModal: import("../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+}>> & Record<string, any>;
+export default ElImageViewer;
+export * from './src/image-viewer';

package/es/components/image-viewer/index.js

@@ -1,8 +1,37 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, openBlock, createBlock, Transition, withCtx, createElementVNode, normalizeStyle, withModifiers, createCommentVNode, createElementBlock, Fragment, normalizeClass, renderList, withDirectives, vShow, renderSlot } from 'vue';
-import { useLocaleInject } from 'element-plus/es/hooks';
-import { EVENT_CODE } from 'element-plus/es/utils/aria';
-import { on, off } from 'element-plus/es/utils/dom';
-import { isFirefox, rafThrottle } from 'element-plus/es/utils/util';
+import { withInstall } from 'element-pe/es/utils/with-install';
+import { defineComponent, ref, effectScope, computed, watch, nextTick, onMounted, openBlock, createBlock, Transition, withCtx, createElementVNode, normalizeStyle, withModifiers, createCommentVNode, createElementBlock, Fragment, normalizeClass, renderList, withDirectives, vShow, renderSlot } from 'vue';
+import { useEventListener } from '@vueuse/core';
+import { useLocaleInject } from 'element-pe/es/hooks';
+import { EVENT_CODE } from 'element-pe/es/utils/aria';
+import { isFirefox, rafThrottle } from 'element-pe/es/utils/util';
+import { buildProps, definePropType, mutable } from 'element-pe/es/utils/props';
+
+const imageViewerProps = buildProps({
+  urlList: {
+    type: definePropType(Array),
+    default: () => mutable([])
+  },
+  zIndex: {
+    type: Number,
+    default: 2e3
+  },
+  initialIndex: {
+    type: Number,
+    default: 0
+  },
+  infinite: {
+    type: Boolean,
+    default: true
+  },
+  hideOnClickModal: {
+    type: Boolean,
+    default: false
+  }
+});
+const imageViewerEmits = {
+  close: () => true,
+  switch: (index) => typeof index === "number"
+};
 
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -34,42 +63,17 @@ const Mode = {
   }
 };
 const mousewheelEventName = isFirefox() ? "DOMMouseScroll" : "mousewheel";
-const CLOSE_EVENT = "close";
-const SWITCH_EVENT = "switch";
 var script = defineComponent({
   name: "ElImageViewer",
-  props: {
-    urlList: {
-      type: Array,
-      default: () => []
-    },
-    zIndex: {
-      type: Number,
-      default: 2e3
-    },
-    initialIndex: {
-      type: Number,
-      default: 0
-    },
-    infinite: {
-      type: Boolean,
-      default: true
-    },
-    hideOnClickModal: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [CLOSE_EVENT, SWITCH_EVENT],
+  props: imageViewerProps,
+  emits: imageViewerEmits,
   setup(props, { emit }) {
     const { t } = useLocaleInject();
-    let _keyDownHandler = null;
-    let _mouseWheelHandler = null;
-    let _dragHandler = null;
+    const wrapper = ref();
+    const img = ref();
+    const scopeEventListener = effectScope();
     const loading = ref(true);
     const index = ref(props.initialIndex);
-    const wrapper = ref(null);
-    const img = ref(null);
     const mode = ref(Mode.CONTAIN);
     const transform = ref({
       scale: 1,
@@ -105,11 +109,11 @@ var script = defineComponent({
       return style;
     });
     function hide() {
-      deviceSupportUninstall();
-      emit(CLOSE_EVENT);
+      unregisterEventListener();
+      emit("close");
     }
-    function deviceSupportInstall() {
-      _keyDownHandler = rafThrottle((e) => {
+    function registerEventListener() {
+      const keydownHandler = rafThrottle((e) => {
         switch (e.code) {
           case EVENT_CODE.esc:
             hide();
@@ -131,7 +135,7 @@ var script = defineComponent({
             break;
         }
       });
-      _mouseWheelHandler = rafThrottle((e) => {
+      const mousewheelHandler = rafThrottle((e) => {
         const delta = e.wheelDelta ? e.wheelDelta : -e.detail;
         if (delta > 0) {
           handleActions("zoomIn", {
@@ -145,14 +149,13 @@ var script = defineComponent({
           });
         }
       });
-      on(document, "keydown", _keyDownHandler);
-      on(document, mousewheelEventName, _mouseWheelHandler);
+      scopeEventListener.run(() => {
+        useEventListener(document, "keydown", keydownHandler);
+        useEventListener(document, mousewheelEventName, mousewheelHandler);
+      });
     }
-    function deviceSupportUninstall() {
-      off(document, "keydown", _keyDownHandler);
-      off(document, mousewheelEventName, _mouseWheelHandler);
-      _keyDownHandler = null;
-      _mouseWheelHandler = null;
+    function unregisterEventListener() {
+      scopeEventListener.stop();
     }
     function handleImgLoad() {
       loading.value = false;
@@ -162,7 +165,7 @@ var script = defineComponent({
       e.target.alt = t("el.image.error");
     }
     function handleMouseDown(e) {
-      if (loading.value || e.button !== 0)
+      if (loading.value || e.button !== 0 || !wrapper.value)
         return;
       const { offsetX, offsetY } = transform.value;
       const startX = e.pageX;
@@ -171,20 +174,20 @@ var script = defineComponent({
       const divRight = wrapper.value.clientLeft + wrapper.value.clientWidth;
       const divTop = wrapper.value.clientTop;
       const divBottom = wrapper.value.clientTop + wrapper.value.clientHeight;
-      _dragHandler = rafThrottle((ev) => {
+      const dragHandler = rafThrottle((ev) => {
         transform.value = __spreadProps(__spreadValues({}, transform.value), {
           offsetX: offsetX + ev.pageX - startX,
           offsetY: offsetY + ev.pageY - startY
         });
       });
-      on(document, "mousemove", _dragHandler);
-      on(document, "mouseup", (e2) => {
-        const mouseX = e2.pageX;
-        const mouseY = e2.pageY;
+      const removeMousemove = useEventListener(document, "mousemove", dragHandler);
+      useEventListener(document, "mouseup", (evt) => {
+        const mouseX = evt.pageX;
+        const mouseY = evt.pageY;
         if (mouseX < divLeft || mouseX > divRight || mouseY < divTop || mouseY > divBottom) {
           reset();
         }
-        off(document, "mousemove", _dragHandler);
+        removeMousemove();
       });
       e.preventDefault();
     }
@@ -249,18 +252,18 @@ var script = defineComponent({
     watch(currentImg, () => {
       nextTick(() => {
         const $img = img.value;
-        if (!$img.complete) {
+        if (!($img == null ? void 0 : $img.complete)) {
           loading.value = true;
         }
       });
     });
     watch(index, (val) => {
       reset();
-      emit(SWITCH_EVENT, val);
+      emit("switch", val);
     });
     onMounted(() => {
       var _a, _b;
-      deviceSupportInstall();
+      registerEventListener();
       (_b = (_a = wrapper.value) == null ? void 0 : _a.focus) == null ? void 0 : _b.call(_a);
     });
     return {
@@ -384,12 +387,8 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
 }
 
 script.render = render;
-script.__file = "packages/components/image-viewer/src/index.vue";
+script.__file = "packages/components/image-viewer/src/image-viewer.vue";
 
-script.install = (app) => {
-  app.component(script.name, script);
-};
-const _ImageViewer = script;
-const ElImageViewer = _ImageViewer;
+const ElImageViewer = withInstall(script);
 
-export { ElImageViewer, _ImageViewer as default };
+export { ElImageViewer, ElImageViewer as default, imageViewerEmits, imageViewerProps };

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

@@ -0,0 +1,14 @@
+import type { ExtractPropTypes } from 'vue';
+export declare const imageViewerProps: {
+    readonly urlList: 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 initialIndex: import("element-pe/es/utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly infinite: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly hideOnClickModal: import("element-pe/es/utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+};
+export declare type ImageViewerProps = ExtractPropTypes<typeof imageViewerProps>;
+export declare const imageViewerEmits: {
+    close: () => boolean;
+    switch: (index: number) => boolean;
+};
+export declare type ImageViewerEmits = typeof imageViewerEmits;

package/es/components/image-viewer/src/image-viewer.vue.d.ts

@@ -0,0 +1,55 @@
+import type { CSSProperties } from 'vue';
+export declare type ImageViewerAction = 'zoomIn' | 'zoomOut' | 'clocelise' | 'anticlocelise';
+declare const _default: import("vue").DefineComponent<{
+    readonly urlList: import("../../../utils/props").BuildPropReturn<import("../../../utils/props").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+    readonly zIndex: import("../../../utils/props").BuildPropReturn<NumberConstructor, 2000, unknown, unknown, unknown>;
+    readonly initialIndex: import("../../../utils/props").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly infinite: import("../../../utils/props").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly hideOnClickModal: import("../../../utils/props").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+}, {
+    index: import("vue").Ref<number>;
+    wrapper: import("vue").Ref<HTMLDivElement | undefined>;
+    img: import("vue").Ref<HTMLImageElement | undefined>;
+    isSingle: import("vue").ComputedRef<boolean>;
+    isFirst: import("vue").ComputedRef<boolean>;
+    isLast: import("vue").ComputedRef<boolean>;
+    currentImg: import("vue").ComputedRef<string>;
+    imgStyle: import("vue").ComputedRef<CSSProperties>;
+    mode: import("vue").Ref<{
+        name: string;
+        icon: string;
+    }>;
+    handleActions: (action: ImageViewerAction, options?: {}) => void;
+    prev: () => void;
+    next: () => void;
+    hide: () => void;
+    toggleMode: () => void;
+    handleImgLoad: () => void;
+    handleImgError: (e: Event) => void;
+    handleMouseDown: (e: MouseEvent) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => boolean;
+    switch: (index: number) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    readonly urlList?: unknown;
+    readonly zIndex?: unknown;
+    readonly initialIndex?: unknown;
+    readonly infinite?: unknown;
+    readonly hideOnClickModal?: unknown;
+} & {
+    zIndex: number;
+    infinite: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    initialIndex: number;
+    urlList: string[];
+    hideOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+} & {}> & {
+    onClose?: (() => any) | undefined;
+    onSwitch?: ((index: number) => any) | undefined;
+}, {
+    zIndex: number;
+    infinite: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+    initialIndex: number;
+    urlList: string[];
+    hideOnClickModal: import("../../../utils/props").BuildPropType<BooleanConstructor, unknown, unknown>;
+}>;
+export default _default;

package/es/components/image-viewer/style/css.d.ts

@@ -1,2 +1,2 @@
-import 'element-plus/es/components/base/style/css';
-import 'element-plus/theme-chalk/el-image-viewer.css';
+import 'element-pe/es/components/base/style/css';
+import 'element-pe/theme-chalk/el-image-viewer.css';

package/es/components/image-viewer/style/css.js

@@ -1,2 +1,2 @@
-import 'element-plus/es/components/base/style/css';
-import 'element-plus/theme-chalk/el-image-viewer.css';
+import 'element-pe/es/components/base/style/css';
+import 'element-pe/theme-chalk/el-image-viewer.css';

package/es/components/image-viewer/style/index.d.ts

@@ -1,2 +1,2 @@
-import 'element-plus/es/components/base/style';
-import 'element-plus/theme-chalk/src/image-viewer.scss';
+import 'element-pe/es/components/base/style';
+import 'element-pe/theme-chalk/src/image-viewer.scss';

package/es/components/image-viewer/style/index.js

@@ -1,2 +1,2 @@
-import 'element-plus/es/components/base/style';
-import 'element-plus/theme-chalk/src/image-viewer.scss';
+import 'element-pe/es/components/base/style';
+import 'element-pe/theme-chalk/src/image-viewer.scss';

package/es/components/infinite-scroll/index.d.ts

@@ -1,26 +1,26 @@
-import type { SFCWithInstall } from 'element-plus/es/utils/types';
+import type { SFCWithInstall } from 'element-pe/es/utils/types';
 declare const _InfiniteScroll: SFCWithInstall<import("vue").ObjectDirective<HTMLElement & {
     ElInfiniteScroll: {
-        container: HTMLElement | Window;
+        container: Window | HTMLElement;
         containerEl: HTMLElement;
         instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         delay: number;
         lastScrollTop: number;
         cb: () => void;
         onScroll: () => void;
-        observer?: MutationObserver;
+        observer?: MutationObserver | undefined;
     };
 }, () => void>>;
 export default _InfiniteScroll;
 export declare const ElInfiniteScroll: SFCWithInstall<import("vue").ObjectDirective<HTMLElement & {
     ElInfiniteScroll: {
-        container: HTMLElement | Window;
+        container: Window | HTMLElement;
         containerEl: HTMLElement;
         instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
         delay: number;
         lastScrollTop: number;
         cb: () => void;
         onScroll: () => void;
-        observer?: MutationObserver;
+        observer?: MutationObserver | undefined;
     };
 }, () => void>>;

package/es/components/infinite-scroll/index.js

@@ -1,8 +1,8 @@
 import { nextTick } from 'vue';
 import { isFunction } from '@vue/shared';
 import throttle from 'lodash/throttle';
-import { getScrollContainer, getOffsetTopDistance } from 'element-plus/es/utils/dom';
-import { throwError } from 'element-plus/es/utils/error';
+import { getScrollContainer, getOffsetTopDistance } from 'element-pe/es/utils/dom';
+import { throwError } from 'element-pe/es/utils/error';
 
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {

package/es/components/infinite-scroll/style/css.d.ts

@@ -1,2 +1,2 @@
-import 'element-plus/es/components/base/style/css';
-import 'element-plus/theme-chalk/el-infinite-scroll.css';
+import 'element-pe/es/components/base/style/css';
+import 'element-pe/theme-chalk/el-infinite-scroll.css';

package/es/components/infinite-scroll/style/css.js

@@ -1,2 +1,2 @@
-import 'element-plus/es/components/base/style/css';
-import 'element-plus/theme-chalk/el-infinite-scroll.css';
+import 'element-pe/es/components/base/style/css';
+import 'element-pe/theme-chalk/el-infinite-scroll.css';

package/es/components/infinite-scroll/style/index.d.ts

@@ -1,2 +1,2 @@
-import 'element-plus/es/components/base/style';
-import 'element-plus/theme-chalk/src/infinite-scroll.scss';
+import 'element-pe/es/components/base/style';
+import 'element-pe/theme-chalk/src/infinite-scroll.scss';

package/es/components/infinite-scroll/style/index.js

@@ -1,2 +1,2 @@
-import 'element-plus/es/components/base/style';
-import 'element-plus/theme-chalk/src/infinite-scroll.scss';
+import 'element-pe/es/components/base/style';
+import 'element-pe/theme-chalk/src/infinite-scroll.scss';