element-ps 2.0.25 → 2.0.28

package/lib/components/form/src/form.js

@@ -2,47 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../../constants/index.js');
-require('../../../utils/index.js');
-var props = require('../../../utils/vue/props.js');
-var size = require('../../../constants/size.js');
+var vue = require('vue');
+require('../../../tokens/index.js');
+require('../../../hooks/index.js');
+var form = require('./form2.js');
+var utils = require('./utils.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-common-props/index.js');
+var index$1 = require('../../../hooks/use-namespace/index.js');
+var form$1 = require('../../../tokens/form.js');
 
-const formProps = props.buildProps({
-  model: Object,
-  rules: {
-    type: props.definePropType(Object)
-  },
-  labelPosition: String,
-  labelWidth: {
-    type: [String, Number],
-    default: ""
-  },
-  labelSuffix: {
-    type: String,
-    default: ""
-  },
-  inline: Boolean,
-  inlineMessage: Boolean,
-  statusIcon: Boolean,
-  showMessage: {
-    type: Boolean,
-    default: true
-  },
-  size: {
-    type: String,
-    values: size.componentSizes
-  },
-  disabled: Boolean,
-  validateOnRuleChange: {
-    type: Boolean,
-    default: true
-  },
-  hideRequiredAsterisk: {
-    type: Boolean,
-    default: false
-  },
-  scrollToError: Boolean
+const __default__ = {
+  name: "PsForm"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: form.formProps,
+  setup(__props) {
+    const props = __props;
+    const COMPONENT_NAME = "PsForm";
+    const formSize = index.useSize();
+    const ns = index$1.useNamespace("form");
+    const formClasses = vue.computed(() => {
+      const { labelPosition, inline } = props;
+      return [
+        ns.b(),
+        ns.m(formSize.value || "default"),
+        {
+          [ns.m(`label-${labelPosition}`)]: labelPosition,
+          [ns.m("inline")]: inline
+        }
+      ];
+    });
+    vue.provide(form$1.formContextKey, vue.reactive({
+      ...vue.toRefs(props),
+      ...utils.useFormLabelWidth()
+    }));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("form", {
+        class: vue.normalizeClass(vue.unref(formClasses))
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
 });
+var Form = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/form/src/form.vue"]]);
 
-exports.formProps = formProps;
+exports["default"] = Form;
 //# sourceMappingURL=form.js.map

package/lib/components/form/src/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import { componentSizes } from '@element-ps/constants'\nimport {\n  buildProps,\n  definePropType,\n} from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { FormRules } from '@element-ps/tokens'\n\nexport const formProps = buildProps({\n  model: Object,\n  rules: {\n    type: definePropType<FormRules>(Object),\n  },\n  labelPosition: String,\n  labelWidth: {\n    type: [String, Number],\n    default: '',\n  },\n  labelSuffix: {\n    type: String,\n    default: '',\n  },\n  inline: Boolean,\n  inlineMessage: Boolean,\n  statusIcon: Boolean,\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  disabled: Boolean,\n  validateOnRuleChange: {\n    type: Boolean,\n    default: true,\n  },\n  hideRequiredAsterisk: {\n    type: Boolean,\n    default: false,\n  },\n  scrollToError: Boolean,\n} as const)\nexport type FormProps = ExtractPropTypes<typeof formProps>\n"],"names":["buildProps","definePropType","componentSizes"],"mappings":";;;;;;;;;AAKY,MAAC,SAAS,GAAGA,gBAAU,CAAC;AACpC,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,aAAa,EAAE,MAAM;AACvB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE,OAAO;AACxB,CAAC;;;;"}
+{"version":3,"file":"form.js","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form :class=\"formClasses\">\n    <slot />\n  </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { formContextKey } from '@element-ps/tokens'\nimport { useNamespace, useSize } from '@element-ps/hooks'\nimport { formProps } from './form'\nimport { useFormLabelWidth } from './utils'\n\nconst COMPONENT_NAME = 'PsForm'\ndefineOptions({\n  name: 'PsForm',\n})\nconst props = defineProps(formProps)\n\nconst formSize = useSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n  const { labelPosition, inline } = props\n  return [\n    ns.b(),\n    // todo: in v2.2.0, we can remove default\n    // in fact, remove it doesn't affect the final style\n    ns.m(formSize.value || 'default'),\n    {\n      [ns.m(`label-${labelPosition}`)]: labelPosition,\n      [ns.m('inline')]: inline,\n    },\n  ]\n})\n\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    ...useFormLabelWidth(),\n  })\n)\n</script>\n"],"names":["useSize","useNamespace","computed","provide","formContextKey","reactive","toRefs","useFormLabelWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA;AAMA,IAAA,MAAA,WAAAA,aAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAAC,qBAAA,MAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAC,aAAA,MAAA;AACA,MAAA,MAAA,EAAA,eAAA,MAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA;AAAA,QACA,GAAA,CAAA,EAAA;AAAA,QAGA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,IAAA,SAAA,CAAA;AAAA,QACA;AAAA,UAAA,CACA,EAAA,CAAA,CAAA,CAAA,CAAA,MAAA,EAAA,aAAA,CAAA,CAAA,CAAA,GAAA,aAAA;AAAA,UACA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,MAAA;AAAA,SACA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAAC,WAAA,CACAC,uBACAC,YAAA,CAAA;AAAA,MAAA,GACAC,WAAA,KAAA,CAAA;AAAA,MAAA,GACAC,uBAAA,EAAA;AAAA,KACA,CACA,CAAA,CAAA;;;;;;;;;;;;;;"}

package/lib/components/form/src/form2.js

@@ -2,52 +2,47 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-require('../../../tokens/index.js');
-require('../../../hooks/index.js');
-var form = require('./form.js');
-var utils = require('./utils.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-common-props/index.js');
-var index$1 = require('../../../hooks/use-namespace/index.js');
-var form$1 = require('../../../tokens/form.js');
+require('../../../constants/index.js');
+require('../../../utils/index.js');
+var props = require('../../../utils/vue/props.js');
+var size = require('../../../constants/size.js');
 
-const __default__ = {
-  name: "PsForm"
-};
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: form.formProps,
-  setup(__props) {
-    const props = __props;
-    const COMPONENT_NAME = "PsForm";
-    const formSize = index.useSize();
-    const ns = index$1.useNamespace("form");
-    const formClasses = vue.computed(() => {
-      const { labelPosition, inline } = props;
-      return [
-        ns.b(),
-        ns.m(formSize.value || "default"),
-        {
-          [ns.m(`label-${labelPosition}`)]: labelPosition,
-          [ns.m("inline")]: inline
-        }
-      ];
-    });
-    vue.provide(form$1.formContextKey, vue.reactive({
-      ...vue.toRefs(props),
-      ...utils.useFormLabelWidth()
-    }));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("form", {
-        class: vue.normalizeClass(vue.unref(formClasses))
-      }, [
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+const formProps = props.buildProps({
+  model: Object,
+  rules: {
+    type: props.definePropType(Object)
+  },
+  labelPosition: String,
+  labelWidth: {
+    type: [String, Number],
+    default: ""
+  },
+  labelSuffix: {
+    type: String,
+    default: ""
+  },
+  inline: Boolean,
+  inlineMessage: Boolean,
+  statusIcon: Boolean,
+  showMessage: {
+    type: Boolean,
+    default: true
+  },
+  size: {
+    type: String,
+    values: size.componentSizes
+  },
+  disabled: Boolean,
+  validateOnRuleChange: {
+    type: Boolean,
+    default: true
+  },
+  hideRequiredAsterisk: {
+    type: Boolean,
+    default: false
+  },
+  scrollToError: Boolean
 });
-var Form = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/form/src/form.vue"]]);
 
-exports["default"] = Form;
+exports.formProps = formProps;
 //# sourceMappingURL=form2.js.map

package/lib/components/form/src/form2.js.map

@@ -1 +1 @@
-{"version":3,"file":"form2.js","sources":["../../../../../../packages/components/form/src/form.vue"],"sourcesContent":["<template>\n  <form :class=\"formClasses\">\n    <slot />\n  </form>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, reactive, toRefs } from 'vue'\nimport { formContextKey } from '@element-ps/tokens'\nimport { useNamespace, useSize } from '@element-ps/hooks'\nimport { formProps } from './form'\nimport { useFormLabelWidth } from './utils'\n\nconst COMPONENT_NAME = 'PsForm'\ndefineOptions({\n  name: 'PsForm',\n})\nconst props = defineProps(formProps)\n\nconst formSize = useSize()\nconst ns = useNamespace('form')\nconst formClasses = computed(() => {\n  const { labelPosition, inline } = props\n  return [\n    ns.b(),\n    // todo: in v2.2.0, we can remove default\n    // in fact, remove it doesn't affect the final style\n    ns.m(formSize.value || 'default'),\n    {\n      [ns.m(`label-${labelPosition}`)]: labelPosition,\n      [ns.m('inline')]: inline,\n    },\n  ]\n})\n\nprovide(\n  formContextKey,\n  reactive({\n    ...toRefs(props),\n    ...useFormLabelWidth(),\n  })\n)\n</script>\n"],"names":["useSize","useNamespace","computed","provide","formContextKey","reactive","toRefs","useFormLabelWidth"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA;AAMA,IAAA,MAAA,WAAAA,aAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAAC,qBAAA,MAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAAC,aAAA,MAAA;AACA,MAAA,MAAA,EAAA,eAAA,MAAA,EAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA;AAAA,QACA,GAAA,CAAA,EAAA;AAAA,QAGA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,KAAA,IAAA,SAAA,CAAA;AAAA,QACA;AAAA,UAAA,CACA,EAAA,CAAA,CAAA,CAAA,CAAA,MAAA,EAAA,aAAA,CAAA,CAAA,CAAA,GAAA,aAAA;AAAA,UACA,CAAA,EAAA,CAAA,CAAA,CAAA,QAAA,CAAA,GAAA,MAAA;AAAA,SACA;AAAA,OACA,CAAA;AAAA,KACA,CAAA,CAAA;AAEA,IAAAC,WAAA,CACAC,uBACAC,YAAA,CAAA;AAAA,MAAA,GACAC,WAAA,KAAA,CAAA;AAAA,MAAA,GACAC,uBAAA,EAAA;AAAA,KACA,CACA,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"form2.js","sources":["../../../../../../packages/components/form/src/form.ts"],"sourcesContent":["import { componentSizes } from '@element-ps/constants'\nimport {\n  buildProps,\n  definePropType,\n} from '@element-ps/utils'\n\nimport type { ExtractPropTypes } from 'vue'\nimport type { FormRules } from '@element-ps/tokens'\n\nexport const formProps = buildProps({\n  model: Object,\n  rules: {\n    type: definePropType<FormRules>(Object),\n  },\n  labelPosition: String,\n  labelWidth: {\n    type: [String, Number],\n    default: '',\n  },\n  labelSuffix: {\n    type: String,\n    default: '',\n  },\n  inline: Boolean,\n  inlineMessage: Boolean,\n  statusIcon: Boolean,\n  showMessage: {\n    type: Boolean,\n    default: true,\n  },\n  size: {\n    type: String,\n    values: componentSizes,\n  },\n  disabled: Boolean,\n  validateOnRuleChange: {\n    type: Boolean,\n    default: true,\n  },\n  hideRequiredAsterisk: {\n    type: Boolean,\n    default: false,\n  },\n  scrollToError: Boolean,\n} as const)\nexport type FormProps = ExtractPropTypes<typeof formProps>\n"],"names":["buildProps","definePropType","componentSizes"],"mappings":";;;;;;;;;AAKY,MAAC,SAAS,GAAGA,gBAAU,CAAC;AACpC,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAEC,oBAAc,CAAC,MAAM,CAAC;AAChC,GAAG;AACH,EAAE,aAAa,EAAE,MAAM;AACvB,EAAE,UAAU,EAAE;AACd,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE,OAAO;AACjB,EAAE,aAAa,EAAE,OAAO;AACxB,EAAE,UAAU,EAAE,OAAO;AACrB,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAEC,mBAAc;AAC1B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,EAAE,oBAAoB,EAAE;AACxB,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,KAAK;AAClB,GAAG;AACH,EAAE,aAAa,EAAE,OAAO;AACxB,CAAC;;;;"}

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

@@ -49,7 +49,6 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
     };
     attrs: import("vue").ComputedRef<Record<string, unknown>>;
     hasLoadError: import("vue").Ref<boolean>;
-    loading: import("vue").Ref<boolean>;
     imgWidth: import("vue").Ref<number>;
     imgHeight: import("vue").Ref<number>;
     showViewer: import("vue").Ref<boolean>;
@@ -64,10 +63,6 @@ export declare const PsImage: import("element-ps/es/utils").SFCWithInstall<impor
     loadImage: () => void;
     handleLoad: (e: Event, img: HTMLImageElement) => void;
     handleError: (event: Event) => void;
-    handleLazyLoad: () => void;
-    lazyLoadHandler: () => void;
-    addLazyLoadListener: () => Promise<void>;
-    removeLazyLoadListener: () => void;
     ImageViewer: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<{
         readonly urlList: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
         readonly zIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;

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

@@ -1,31 +1,31 @@
 import type { CSSProperties, StyleValue } from 'vue';
 declare const _default: import("vue").DefineComponent<{
-    readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
-    readonly lazy: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly scrollContainer: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown, unknown, unknown>;
-    readonly previewSrcList: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
-    readonly previewTeleported: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly zIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
-    readonly initialIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly infinite: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly closeOnPressEscape: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly widget: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly hideOnClickModal: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly src: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly fit: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+    readonly lazy: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly scrollContainer: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown, unknown, unknown>;
+    readonly previewSrcList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+    readonly previewTeleported: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly zIndex: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly initialIndex: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly infinite: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly widget: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-        readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-        readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
-        readonly lazy: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-        readonly scrollContainer: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown, unknown, unknown>;
-        readonly previewSrcList: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
-        readonly previewTeleported: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-        readonly zIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
-        readonly initialIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-        readonly infinite: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-        readonly closeOnPressEscape: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-        readonly widget: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        readonly hideOnClickModal: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly src: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly fit: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+        readonly lazy: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly scrollContainer: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown, unknown, unknown>;
+        readonly previewSrcList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+        readonly previewTeleported: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly zIndex: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+        readonly initialIndex: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly infinite: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly widget: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
@@ -50,7 +50,6 @@ declare const _default: import("vue").DefineComponent<{
     };
     attrs: import("vue").ComputedRef<Record<string, unknown>>;
     hasLoadError: import("vue").Ref<boolean>;
-    loading: import("vue").Ref<boolean>;
     imgWidth: import("vue").Ref<number>;
     imgHeight: import("vue").Ref<number>;
     showViewer: import("vue").Ref<boolean>;
@@ -65,18 +64,14 @@ declare const _default: import("vue").DefineComponent<{
     loadImage: () => void;
     handleLoad: (e: Event, img: HTMLImageElement) => void;
     handleError: (event: Event) => void;
-    handleLazyLoad: () => void;
-    lazyLoadHandler: () => void;
-    addLazyLoadListener: () => Promise<void>;
-    removeLazyLoadListener: () => void;
-    ImageViewer: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-        readonly urlList: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
-        readonly zIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
-        readonly initialIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-        readonly infinite: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-        readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-        readonly teleported: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-        readonly closeOnPressEscape: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    ImageViewer: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly urlList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+        readonly zIndex: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+        readonly initialIndex: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly infinite: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly hideOnClickModal: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly teleported: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     }, {
         Mode: {
             CONTAIN: {
@@ -89,13 +84,13 @@ declare const _default: import("vue").DefineComponent<{
             };
         };
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly urlList: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
-            readonly zIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
-            readonly initialIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-            readonly infinite: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-            readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-            readonly teleported: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-            readonly closeOnPressEscape: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly urlList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+            readonly zIndex: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+            readonly initialIndex: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+            readonly infinite: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+            readonly hideOnClickModal: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+            readonly teleported: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+            readonly closeOnPressEscape: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
@@ -134,13 +129,13 @@ declare const _default: import("vue").DefineComponent<{
         isLast: import("vue").ComputedRef<boolean>;
         imgStyle: import("vue").ComputedRef<CSSProperties>;
         computedZIndex: import("vue").ComputedRef<number>;
-        PsIcon: import("element-ps/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-            readonly size: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-            readonly color: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        PsIcon: import("../../../utils").SFCWithInstall<import("vue").DefineComponent<{
+            readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                readonly size: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-                readonly color: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+                readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+                readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
             }>> & {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
             }>>;
@@ -160,10 +155,10 @@ declare const _default: import("vue").DefineComponent<{
             };
             style: import("vue").ComputedRef<CSSProperties>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            readonly size: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-            readonly color: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+            readonly size: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
         }>>, {
-            size: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | number>, unknown, unknown>;
+            size: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | number>, unknown, unknown>;
             color: string;
         }>> & Record<string, any>;
         ArrowLeft: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
@@ -174,47 +169,47 @@ declare const _default: import("vue").DefineComponent<{
         ZoomIn: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
         ZoomOut: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        readonly urlList: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
-        readonly zIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
-        readonly initialIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-        readonly infinite: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-        readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-        readonly teleported: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-        readonly closeOnPressEscape: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly urlList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+        readonly zIndex: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+        readonly initialIndex: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+        readonly infinite: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+        readonly hideOnClickModal: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly teleported: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+        readonly closeOnPressEscape: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
     }>>, {
         zIndex: number;
-        infinite: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-        teleported: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        infinite: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        teleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         initialIndex: number;
-        closeOnPressEscape: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-        hideOnClickModal: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        closeOnPressEscape: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+        hideOnClickModal: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
         urlList: string[];
     }>> & Record<string, any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly hideOnClickModal: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly src: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly fit: import("element-ps/es/utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
-    readonly lazy: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly scrollContainer: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown, unknown, unknown>;
-    readonly previewSrcList: import("element-ps/es/utils").BuildPropReturn<import("element-ps/es/utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
-    readonly previewTeleported: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
-    readonly zIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
-    readonly initialIndex: import("element-ps/es/utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
-    readonly infinite: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly closeOnPressEscape: import("element-ps/es/utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
-    readonly widget: import("element-ps/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    readonly hideOnClickModal: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly src: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly fit: import("../../../utils").BuildPropReturn<StringConstructor, "", unknown, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+    readonly lazy: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly scrollContainer: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown, unknown, unknown>;
+    readonly previewSrcList: import("../../../utils").BuildPropReturn<import("../../../utils").PropWrapper<string[]>, () => [], unknown, unknown, unknown>;
+    readonly previewTeleported: import("../../../utils").BuildPropReturn<BooleanConstructor, false, unknown, unknown, unknown>;
+    readonly zIndex: import("../../../utils").BuildPropReturn<NumberConstructor, unknown, unknown, unknown, unknown>;
+    readonly initialIndex: import("../../../utils").BuildPropReturn<NumberConstructor, 0, unknown, unknown, unknown>;
+    readonly infinite: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly closeOnPressEscape: import("../../../utils").BuildPropReturn<BooleanConstructor, true, unknown, unknown, unknown>;
+    readonly widget: import("../../../utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
 }>>, {
     zIndex: number;
     widget: string;
-    lazy: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    infinite: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    lazy: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    infinite: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
     src: string;
-    fit: import("element-ps/es/utils").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
+    fit: import("../../../utils").BuildPropType<StringConstructor, "" | "fill" | "none" | "contain" | "cover" | "scale-down", unknown>;
     initialIndex: number;
-    closeOnPressEscape: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    hideOnClickModal: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
-    scrollContainer: import("element-ps/es/utils").BuildPropType<import("element-ps/es/utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;
+    closeOnPressEscape: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    hideOnClickModal: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    scrollContainer: import("../../../utils").BuildPropType<import("../../../utils").PropWrapper<string | HTMLElement | undefined>, unknown, unknown>;
     previewSrcList: string[];
-    previewTeleported: import("element-ps/es/utils").BuildPropType<BooleanConstructor, unknown, unknown>;
+    previewTeleported: import("../../../utils").BuildPropType<BooleanConstructor, unknown, unknown>;
 }>;
 export default _default;

package/lib/components/image/src/image2.js

@@ -6,16 +6,11 @@ var vue = require('vue');
 var core = require('@vueuse/core');
 require('../../../hooks/index.js');
 var index$3 = require('../../image-viewer/index.js');
-require('../../../utils/index.js');
 var image = require('./image.js');
 var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 var index = require('../../../hooks/use-locale/index.js');
 var index$1 = require('../../../hooks/use-namespace/index.js');
 var index$2 = require('../../../hooks/use-attrs/index.js');
-var position = require('../../../utils/dom/position.js');
-var types = require('../../../utils/types.js');
-var shared = require('@vue/shared');
-var scroll = require('../../../utils/dom/scroll.js');
 
 const _hoisted_1 = ["widget"];
 const _hoisted_2 = ["src"];
@@ -35,7 +30,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const rawAttrs = vue.useAttrs();
     const attrs = index$2.useAttrs();
     const hasLoadError = vue.ref(false);
-    const loading = vue.ref(true);
     const imgWidth = vue.ref(0);
     const imgHeight = vue.ref(0);
     const showViewer = vue.ref(false);
@@ -66,7 +60,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const loadImage = () => {
       if (!core.isClient)
         return;
-      loading.value = true;
       hasLoadError.value = false;
       const img = new Image();
       const currentImageSrc = props.src;
@@ -86,60 +79,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function handleLoad(e, img) {
       imgWidth.value = img.width;
       imgHeight.value = img.height;
-      loading.value = false;
       hasLoadError.value = false;
     }
     function handleError(event) {
-      loading.value = false;
       hasLoadError.value = true;
     }
-    function handleLazyLoad() {
-      if (position.isInContainer(container.value, _scrollContainer.value)) {
-        loadImage();
-        removeLazyLoadListener();
-      }
-    }
-    const lazyLoadHandler = core.useThrottleFn(handleLazyLoad, 200);
-    async function addLazyLoadListener() {
-      var _a;
-      if (!core.isClient)
-        return;
-      await vue.nextTick();
-      const { scrollContainer } = props;
-      if (types.isElement(scrollContainer)) {
-        _scrollContainer.value = scrollContainer;
-      } else if (shared.isString(scrollContainer) && scrollContainer !== "") {
-        _scrollContainer.value = (_a = document.querySelector(scrollContainer)) != null ? _a : void 0;
-      } else if (container.value) {
-        _scrollContainer.value = scroll.getScrollContainer(container.value);
-      }
-      if (_scrollContainer.value) {
-        stopScrollListener = core.useEventListener(_scrollContainer, "scroll", lazyLoadHandler);
-        setTimeout(() => handleLazyLoad(), 100);
-      }
-    }
-    function removeLazyLoadListener() {
-      if (!core.isClient || !_scrollContainer.value || !lazyLoadHandler)
-        return;
-      stopScrollListener();
-      _scrollContainer.value = void 0;
-    }
     vue.watch(() => props.src, () => {
-      if (props.lazy) {
-        loading.value = true;
-        hasLoadError.value = false;
-        removeLazyLoadListener();
-        addLazyLoadListener();
-      } else {
-        loadImage();
-      }
+      loadImage();
     });
     vue.onMounted(() => {
-      if (props.lazy) {
-        addLazyLoadListener();
-      } else {
-        loadImage();
-      }
+      loadImage();
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
@@ -149,20 +98,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         style: vue.normalizeStyle(vue.unref(containerStyle)),
         widget: _ctx.widget
       }, [
-        loading.value ? vue.renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(vue.unref(ns).e("placeholder"))
-          }, null, 2)
-        ]) : hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
+        hasLoadError.value ? vue.renderSlot(_ctx.$slots, "error", { key: 0 }, () => [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(vue.unref(ns).e("error"))
           }, vue.toDisplayString(vue.unref(t)("el.image.error")), 3)
-        ]) : (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 2 }, vue.unref(attrs), {
+        ]) : (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({ key: 1 }, vue.unref(attrs), {
           src: _ctx.src,
           style: vue.unref(imageStyle),
           class: [vue.unref(ns).e("inner"), vue.unref(preview) ? vue.unref(ns).e("preview") : ""]
         }), null, 16, _hoisted_2)),
-        vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 3 }, [
+        vue.unref(preview) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 2 }, [
           showViewer.value ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.PsImageViewer), {
             key: 0,
             "z-index": _ctx.zIndex,