element-ps 2.0.25 → 2.0.26

package/dist/index.full.js

@@ -1886,45 +1886,6 @@
     };
     return filter;
   }
-  function throttleFilter(ms, trailing = true, leading = true) {
-    let lastExec = 0;
-    let timer;
-    let preventLeading = !leading;
-    const clear = () => {
-      if (timer) {
-        clearTimeout(timer);
-        timer = void 0;
-      }
-    };
-    const filter = (invoke) => {
-      const duration = vue.unref(ms);
-      const elapsed = Date.now() - lastExec;
-      clear();
-      if (duration <= 0) {
-        lastExec = Date.now();
-        return invoke();
-      }
-      if (elapsed > duration) {
-        lastExec = Date.now();
-        if (preventLeading)
-          preventLeading = false;
-        else
-          invoke();
-      }
-      if (trailing) {
-        timer = setTimeout(() => {
-          lastExec = Date.now();
-          if (!leading)
-            preventLeading = true;
-          clear();
-          invoke();
-        }, duration);
-      }
-      if (!leading && !timer)
-        timer = setTimeout(() => preventLeading = true, duration);
-    };
-    return filter;
-  }
 
   function useDebounceFn(fn, ms = 200, options = {}) {
     return createFilterWrapper(debounceFilter(ms, options), fn);
@@ -1941,10 +1902,6 @@
     return debounced;
   }
 
-  function useThrottleFn(fn, ms = 200, trailing = true, leading = true) {
-    return createFilterWrapper(throttleFilter(ms, trailing, leading), fn);
-  }
-
   function tryOnMounted(fn, sync = true) {
     if (vue.getCurrentInstance())
       vue.onMounted(fn);
@@ -2220,24 +2177,6 @@
     return { width, height };
   }
 
-  const isInContainer = (el, container) => {
-    if (!isClient || !el || !container)
-      return false;
-    const elRect = el.getBoundingClientRect();
-    let containerRect;
-    if (container instanceof Element) {
-      containerRect = container.getBoundingClientRect();
-    } else {
-      containerRect = {
-        top: 0,
-        right: window.innerWidth,
-        bottom: window.innerHeight,
-        left: 0
-      };
-    }
-    return elRect.top < containerRect.bottom && elRect.bottom > containerRect.top && elRect.right > containerRect.left && elRect.left < containerRect.right;
-  };
-
   const resizeHandler = function(entries) {
     for (const entry of entries) {
       const listeners = entry.target.__resizeListeners__ || [];
@@ -18778,13 +18717,11 @@
       const rawAttrs = vue.useAttrs();
       const attrs = 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);
       const container = vue.ref();
-      const _scrollContainer = vue.ref();
-      let stopScrollListener;
+      vue.ref();
       const containerStyle = vue.computed(() => rawAttrs.style);
       const imageStyle = vue.computed(() => {
         const { fit } = props;
@@ -18808,7 +18745,6 @@
       const loadImage = () => {
         if (!isClient)
           return;
-        loading.value = true;
         hasLoadError.value = false;
         const img = new Image();
         const currentImageSrc = props.src;
@@ -18828,56 +18764,13 @@
       function handleLoad(e, img) {
         imgWidth.value = img.width;
         imgHeight.value = img.height;
-        loading.value = false;
         hasLoadError.value = false;
       }
-      function handleLazyLoad() {
-        if (isInContainer(container.value, _scrollContainer.value)) {
-          loadImage();
-          removeLazyLoadListener();
-        }
-      }
-      const lazyLoadHandler = useThrottleFn(handleLazyLoad, 200);
-      async function addLazyLoadListener() {
-        var _a;
-        if (!isClient)
-          return;
-        await vue.nextTick();
-        const { scrollContainer } = props;
-        if (isElement$1(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;
-      }
       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", {
@@ -18887,20 +18780,16 @@
           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$b)),
-          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(PsImageViewer), {
               key: 0,
               "z-index": _ctx.zIndex,