element-ps 2.0.25 → 2.0.28

package/es/components/form/src/form.mjs

@@ -1,44 +1,49 @@
-import '../../../constants/index.mjs';
-import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
-import { componentSizes } from '../../../constants/size.mjs';
+import { defineComponent, computed, provide, reactive, toRefs, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
+import '../../../tokens/index.mjs';
+import '../../../hooks/index.mjs';
+import { formProps } from './form2.mjs';
+import { useFormLabelWidth } from './utils.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useSize } from '../../../hooks/use-common-props/index.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { formContextKey } from '../../../tokens/form.mjs';
 
-const formProps = buildProps({
-  model: Object,
-  rules: {
-    type: 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: componentSizes
-  },
-  disabled: Boolean,
-  validateOnRuleChange: {
-    type: Boolean,
-    default: true
-  },
-  hideRequiredAsterisk: {
-    type: Boolean,
-    default: false
-  },
-  scrollToError: Boolean
+const __default__ = {
+  name: "PsForm"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: formProps,
+  setup(__props) {
+    const props = __props;
+    const COMPONENT_NAME = "PsForm";
+    const formSize = useSize();
+    const ns = useNamespace("form");
+    const formClasses = computed(() => {
+      const { labelPosition, inline } = props;
+      return [
+        ns.b(),
+        ns.m(formSize.value || "default"),
+        {
+          [ns.m(`label-${labelPosition}`)]: labelPosition,
+          [ns.m("inline")]: inline
+        }
+      ];
+    });
+    provide(formContextKey, reactive({
+      ...toRefs(props),
+      ...useFormLabelWidth()
+    }));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("form", {
+        class: normalizeClass(unref(formClasses))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
 });
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/form/src/form.vue"]]);
 
-export { formProps };
+export { Form as default };
 //# sourceMappingURL=form.mjs.map

package/es/components/form/src/form.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.mjs","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":[],"mappings":";;;;;AAKY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,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,EAAE,cAAc;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.mjs","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":[],"mappings":";;;;;;;;;;;;;;;;;;AAaA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA;AAMA,IAAA,MAAA,WAAA,OAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,MAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,SAAA,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,IAAA,OAAA,CACA,gBACA,QAAA,CAAA;AAAA,MAAA,GACA,OAAA,KAAA,CAAA;AAAA,MAAA,GACA,iBAAA,EAAA;AAAA,KACA,CACA,CAAA,CAAA;;;;;;;;;;;;;;"}

package/es/components/form/src/form2.mjs

@@ -1,49 +1,44 @@
-import { defineComponent, computed, provide, reactive, toRefs, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
-import '../../../tokens/index.mjs';
-import '../../../hooks/index.mjs';
-import { formProps } from './form.mjs';
-import { useFormLabelWidth } from './utils.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { useSize } from '../../../hooks/use-common-props/index.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
-import { formContextKey } from '../../../tokens/form.mjs';
+import '../../../constants/index.mjs';
+import '../../../utils/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
+import { componentSizes } from '../../../constants/size.mjs';
 
-const __default__ = {
-  name: "PsForm"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: formProps,
-  setup(__props) {
-    const props = __props;
-    const COMPONENT_NAME = "PsForm";
-    const formSize = useSize();
-    const ns = useNamespace("form");
-    const formClasses = computed(() => {
-      const { labelPosition, inline } = props;
-      return [
-        ns.b(),
-        ns.m(formSize.value || "default"),
-        {
-          [ns.m(`label-${labelPosition}`)]: labelPosition,
-          [ns.m("inline")]: inline
-        }
-      ];
-    });
-    provide(formContextKey, reactive({
-      ...toRefs(props),
-      ...useFormLabelWidth()
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("form", {
-        class: normalizeClass(unref(formClasses))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
+const formProps = buildProps({
+  model: Object,
+  rules: {
+    type: 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: componentSizes
+  },
+  disabled: Boolean,
+  validateOnRuleChange: {
+    type: Boolean,
+    default: true
+  },
+  hideRequiredAsterisk: {
+    type: Boolean,
+    default: false
+  },
+  scrollToError: Boolean
 });
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-ps/packages/components/form/src/form.vue"]]);
 
-export { Form as default };
+export { formProps };
 //# sourceMappingURL=form2.mjs.map

package/es/components/form/src/form2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form2.mjs","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":[],"mappings":";;;;;;;;;;;;;;;;;;AAaA,IAAA,MAAA,cAAA,GAAA,QAAA,CAAA;AAMA,IAAA,MAAA,WAAA,OAAA,EAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,MAAA,CAAA,CAAA;AACA,IAAA,MAAA,WAAA,GAAA,SAAA,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,IAAA,OAAA,CACA,gBACA,QAAA,CAAA;AAAA,MAAA,GACA,OAAA,KAAA,CAAA;AAAA,MAAA,GACA,iBAAA,EAAA;AAAA,KACA,CACA,CAAA,CAAA;;;;;;;;;;;;;;"}
+{"version":3,"file":"form2.mjs","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":[],"mappings":";;;;;AAKY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,KAAK,EAAE,MAAM;AACf,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,cAAc,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,EAAE,cAAc;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/es/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/es/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/es/components/image/src/image2.mjs

@@ -1,17 +1,12 @@
-import { defineComponent, useAttrs, ref, computed, nextTick, watch, onMounted, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createElementVNode, toDisplayString, mergeProps, Fragment, createBlock, withCtx, createCommentVNode } from 'vue';
-import { isClient, useThrottleFn, useEventListener } from '@vueuse/core';
+import { defineComponent, useAttrs, ref, computed, watch, onMounted, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createElementVNode, toDisplayString, mergeProps, Fragment, createBlock, withCtx, createCommentVNode } from 'vue';
+import { isClient } from '@vueuse/core';
 import '../../../hooks/index.mjs';
 import { PsImageViewer } from '../../image-viewer/index.mjs';
-import '../../../utils/index.mjs';
 import { imageProps } from './image.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { useLocale } from '../../../hooks/use-locale/index.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useAttrs as useAttrs$1 } from '../../../hooks/use-attrs/index.mjs';
-import { isInContainer } from '../../../utils/dom/position.mjs';
-import { isElement } from '../../../utils/types.mjs';
-import { isString } from '@vue/shared';
-import { getScrollContainer } from '../../../utils/dom/scroll.mjs';
 
 const _hoisted_1 = ["widget"];
 const _hoisted_2 = ["src"];
@@ -31,7 +26,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const rawAttrs = useAttrs();
     const attrs = useAttrs$1();
     const hasLoadError = ref(false);
-    const loading = ref(true);
     const imgWidth = ref(0);
     const imgHeight = ref(0);
     const showViewer = ref(false);
@@ -62,7 +56,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const loadImage = () => {
       if (!isClient)
         return;
-      loading.value = true;
       hasLoadError.value = false;
       const img = new Image();
       const currentImageSrc = props.src;
@@ -82,60 +75,16 @@ const _sfc_main = /* @__PURE__ */ 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 (isInContainer(container.value, _scrollContainer.value)) {
-        loadImage();
-        removeLazyLoadListener();
-      }
-    }
-    const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);
-    async function addLazyLoadListener() {
-      var _a;
-      if (!isClient)
-        return;
-      await nextTick();
-      const { scrollContainer } = props;
-      if (isElement(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 (!isClient || !_scrollContainer.value || !lazyLoadHandler)
-        return;
-      stopScrollListener();
-      _scrollContainer.value = void 0;
-    }
     watch(() => props.src, () => {
-      if (props.lazy) {
-        loading.value = true;
-        hasLoadError.value = false;
-        removeLazyLoadListener();
-        addLazyLoadListener();
-      } else {
-        loadImage();
-      }
+      loadImage();
     });
     onMounted(() => {
-      if (props.lazy) {
-        addLazyLoadListener();
-      } else {
-        loadImage();
-      }
+      loadImage();
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -145,20 +94,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(unref(containerStyle)),
         widget: _ctx.widget
       }, [
-        loading.value ? renderSlot(_ctx.$slots, "placeholder", { key: 0 }, () => [
-          createElementVNode("div", {
-            class: normalizeClass(unref(ns).e("placeholder"))
-          }, null, 2)
-        ]) : hasLoadError.value ? renderSlot(_ctx.$slots, "error", { key: 1 }, () => [
+        hasLoadError.value ? renderSlot(_ctx.$slots, "error", { key: 0 }, () => [
           createElementVNode("div", {
             class: normalizeClass(unref(ns).e("error"))
           }, toDisplayString(unref(t)("el.image.error")), 3)
-        ]) : (openBlock(), createElementBlock("img", mergeProps({ key: 2 }, unref(attrs), {
+        ]) : (openBlock(), createElementBlock("img", mergeProps({ key: 1 }, unref(attrs), {
           src: _ctx.src,
           style: unref(imageStyle),
           class: [unref(ns).e("inner"), unref(preview) ? unref(ns).e("preview") : ""]
         }), null, 16, _hoisted_2)),
-        unref(preview) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
+        unref(preview) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
           showViewer.value ? (openBlock(), createBlock(unref(PsImageViewer), {
             key: 0,
             "z-index": _ctx.zIndex,