vft 0.0.239 → 0.0.240

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

@@ -1,18 +1,19 @@
-import { defineComponent as Z, ref as z, effectScope as te, computed as p, watch as R, nextTick as ne, onMounted as oe, createBlock as ae, openBlock as x, Teleport as se, createVNode as d, Transition as ie, withCtx as le, createElementVNode as c, normalizeStyle as S, normalizeClass as l, unref as n, createElementBlock as E, createCommentVNode as re, renderSlot as ce, withModifiers as ue, Fragment as V, renderList as fe, withDirectives as de, vShow as me } from "vue";
+import { defineComponent as A, ref as z, effectScope as ne, computed as b, watch as R, nextTick as oe, onMounted as ae, createBlock as se, openBlock as x, unref as t, withCtx as S, createVNode as d, Transition as ie, createElementVNode as c, normalizeStyle as V, normalizeClass as l, createElementBlock as E, createCommentVNode as le, renderSlot as re, withModifiers as ce, Fragment as H, renderList as ue, withDirectives as fe, vShow as de } from "vue";
 import { EVENT_CODE as w } from "@vft/constants";
-import { isNumber as H } from "@vft/utils";
+import { isNumber as Z } from "@vft/utils";
 import { VftIcon as v } from "../icon/index.js";
 import { useEventListener as I } from "@vueuse/core";
 import "../../utils/ns-cover.js";
 import { throttle as T } from "lodash-es";
-import { useNamespace as ve } from "../../hooks/use-namespace/index.js";
+import { useNamespace as me } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
-import { useZIndex as ke } from "../../hooks/use-z-index/index.js";
-const ge = ["src"], be = Z({
+import { useZIndex as ve } from "../../hooks/use-z-index/index.js";
+import { VftTeleport as ge } from "../teleport/index.js";
+const ke = ["src"], pe = A({
   name: "vft-image-viewer"
-}), Xe = /* @__PURE__ */ Z({
-  ...be,
+}), Xe = /* @__PURE__ */ A({
+  ...pe,
   props: {
     urlList: { default: () => [] },
     zIndex: {},
@@ -25,19 +26,19 @@ const ge = ["src"], be = Z({
   },
   emits: {
     close: () => !0,
-    switch: (s) => H(s)
+    switch: (s) => Z(s)
   },
-  setup(s, { expose: A, emit: P }) {
-    const a = ve("image-viewer"), X = P, { nextZIndex: W } = ke(), C = z(), Y = z([]), O = te(), g = z(!0), m = z(s.initialIndex), i = z({
+  setup(s, { expose: P, emit: W }) {
+    const a = me("image-viewer"), $ = W, { nextZIndex: j } = ve(), C = z(), X = z([]), Y = ne(), k = z(!0), m = z(s.initialIndex), i = z({
       scale: 1,
       deg: 0,
       offsetX: 0,
       offsetY: 0,
       enableTransition: !1
-    }), j = p(() => s.urlList.length <= 1), $ = p(() => m.value === 0), M = p(() => m.value === s.urlList.length - 1), q = p(() => s.urlList[m.value]), G = p(() => {
-      const { scale: e, deg: t, offsetX: o, offsetY: r, enableTransition: h } = i.value;
+    }), q = b(() => s.urlList.length <= 1), O = b(() => m.value === 0), M = b(() => m.value === s.urlList.length - 1), G = b(() => s.urlList[m.value]), J = b(() => {
+      const { scale: e, deg: n, offsetX: o, offsetY: r, enableTransition: h } = i.value;
       let u = o / e, f = r / e;
-      switch (t % 360) {
+      switch (n % 360) {
         case 90:
         case -270:
           [u, f] = [f, -u];
@@ -51,16 +52,16 @@ const ge = ["src"], be = Z({
           [u, f] = [-f, u];
           break;
       }
-      const b = {
-        transform: `scale(${e}) rotate(${t}deg) translate(${u}px, ${f}px)`,
+      const p = {
+        transform: `scale(${e}) rotate(${n}deg) translate(${u}px, ${f}px)`,
         transition: h ? "transform .3s" : ""
       };
-      return b.maxWidth = b.maxHeight = "100%", b;
-    }), J = p(() => H(s.zIndex) ? s.zIndex : W());
+      return p.maxWidth = p.maxHeight = "100%", p;
+    }), K = b(() => Z(s.zIndex) ? s.zIndex : j());
     function y() {
-      Q(), X("close");
+      U(), $("close");
     }
-    function K() {
+    function Q() {
       const e = T((o) => {
         switch (o.code) {
           // ESC
@@ -77,7 +78,7 @@ const ge = ["src"], be = Z({
             break;
           // UP_ARROW
           case w.up:
-            k("zoomIn");
+            g("zoomIn");
             break;
           // RIGHT_ARROW
           case w.right:
@@ -85,37 +86,37 @@ const ge = ["src"], be = Z({
             break;
           // DOWN_ARROW
           case w.down:
-            k("zoomOut");
+            g("zoomOut");
             break;
         }
-      }), t = T((o) => {
+      }), n = T((o) => {
         const r = o.deltaY || o.deltaX;
-        k(r < 0 ? "zoomIn" : "zoomOut", {
+        g(r < 0 ? "zoomIn" : "zoomOut", {
           zoomRate: s.zoomRate,
           enableTransition: !1
         });
       });
-      O.run(() => {
-        I(document, "keydown", e), I(document, "wheel", t);
+      Y.run(() => {
+        I(document, "keydown", e), I(document, "wheel", n);
       });
     }
-    function Q() {
-      O.stop();
-    }
     function U() {
-      g.value = !1;
+      Y.stop();
     }
-    function _(e) {
-      g.value = !1, e.target.alt = "加载失败";
+    function _() {
+      k.value = !1;
     }
     function ee(e) {
-      if (g.value || e.button !== 0 || !C.value) return;
+      k.value = !1, e.target.alt = "加载失败";
+    }
+    function te(e) {
+      if (k.value || e.button !== 0 || !C.value) return;
       i.value.enableTransition = !1;
-      const { offsetX: t, offsetY: o } = i.value, r = e.pageX, h = e.pageY, u = T((b) => {
+      const { offsetX: n, offsetY: o } = i.value, r = e.pageX, h = e.pageY, u = T((p) => {
         i.value = {
           ...i.value,
-          offsetX: t + b.pageX - r,
-          offsetY: o + b.pageY - h
+          offsetX: n + p.pageX - r,
+          offsetY: o + p.pageY - h
         };
       }), f = I(document, "mousemove", u);
       I(document, "mouseup", () => {
@@ -132,24 +133,24 @@ const ge = ["src"], be = Z({
       };
     }
     function B() {
-      g.value || N();
+      k.value || N();
     }
     function L(e) {
-      const t = s.urlList.length;
-      m.value = (e + t) % t;
+      const n = s.urlList.length;
+      m.value = (e + n) % n;
     }
     function D() {
-      $.value && !s.infinite || L(m.value - 1);
+      O.value && !s.infinite || L(m.value - 1);
     }
     function F() {
       M.value && !s.infinite || L(m.value + 1);
     }
-    function k(e, t = {}) {
-      if (g.value) return;
+    function g(e, n = {}) {
+      if (k.value) return;
       const { rotateDeg: o, enableTransition: r } = {
         rotateDeg: 90,
         enableTransition: !0,
-        ...t
+        ...n
       };
       switch (e) {
         case "zoomOut":
@@ -171,124 +172,125 @@ const ge = ["src"], be = Z({
       }
       i.value.enableTransition = r;
     }
-    return R(q, () => {
-      ne(() => {
-        const e = Y.value[0];
-        e != null && e.complete || (g.value = !0);
+    return R(G, () => {
+      oe(() => {
+        X.value[0]?.complete || (k.value = !0);
       });
     }), R(m, (e) => {
-      N(), X("switch", e);
-    }), oe(() => {
-      var e, t;
-      K(), (t = (e = C.value) == null ? void 0 : e.focus) == null || t.call(e);
-    }), A({
+      N(), $("switch", e);
+    }), ae(() => {
+      Q(), C.value?.focus?.();
+    }), P({
       /** @description manually switch image */
       setActiveItem: L
-    }), (e, t) => (x(), ae(se, {
+    }), (e, n) => (x(), se(t(ge), {
       to: "body",
       disabled: !e.teleported
-    }, [
-      d(ie, {
-        name: "viewer-fade",
-        appear: ""
-      }, {
-        default: le(() => [
-          c("div", {
-            ref_key: "wrapper",
-            ref: C,
-            tabindex: -1,
-            class: l(n(a).e("wrapper")),
-            style: S({ zIndex: J.value })
-          }, [
+    }, {
+      default: S(() => [
+        d(ie, {
+          name: "viewer-fade",
+          appear: ""
+        }, {
+          default: S(() => [
             c("div", {
-              class: l(n(a).e("mask")),
-              onClick: t[0] || (t[0] = ue((o) => e.hideOnClickModal && y(), ["self"]))
-            }, null, 2),
-            c("span", {
-              class: l([n(a).e("btn"), n(a).e("close")]),
-              onClick: y
+              ref_key: "wrapper",
+              ref: C,
+              tabindex: -1,
+              class: l(t(a).e("wrapper")),
+              style: V({ zIndex: K.value })
             }, [
-              d(n(v), { icon: "icon-close" })
-            ], 2),
-            j.value ? re("", !0) : (x(), E(V, { key: 0 }, [
+              c("div", {
+                class: l(t(a).e("mask")),
+                onClick: n[0] || (n[0] = ce((o) => e.hideOnClickModal && y(), ["self"]))
+              }, null, 2),
               c("span", {
-                class: l([
-                  n(a).e("btn"),
-                  n(a).e("prev"),
-                  n(a).is("disabled", !e.infinite && $.value)
-                ]),
-                onClick: D
+                class: l([t(a).e("btn"), t(a).e("close")]),
+                onClick: y
               }, [
-                d(n(v), { icon: "icon-arrow-left" })
+                d(t(v), { icon: "icon-close" })
               ], 2),
-              c("span", {
-                class: l([
-                  n(a).e("btn"),
-                  n(a).e("next"),
-                  n(a).is("disabled", !e.infinite && M.value)
-                ]),
-                onClick: F
+              q.value ? le("", !0) : (x(), E(H, { key: 0 }, [
+                c("span", {
+                  class: l([
+                    t(a).e("btn"),
+                    t(a).e("prev"),
+                    t(a).is("disabled", !e.infinite && O.value)
+                  ]),
+                  onClick: D
+                }, [
+                  d(t(v), { icon: "icon-arrow-left" })
+                ], 2),
+                c("span", {
+                  class: l([
+                    t(a).e("btn"),
+                    t(a).e("next"),
+                    t(a).is("disabled", !e.infinite && M.value)
+                  ]),
+                  onClick: F
+                }, [
+                  d(t(v), { icon: "icon-arrow-right" })
+                ], 2)
+              ], 64)),
+              c("div", {
+                class: l([t(a).e("btn"), t(a).e("actions")])
               }, [
-                d(n(v), { icon: "icon-arrow-right" })
-              ], 2)
-            ], 64)),
-            c("div", {
-              class: l([n(a).e("btn"), n(a).e("actions")])
-            }, [
+                c("div", {
+                  class: l(t(a).e("actions__inner"))
+                }, [
+                  d(t(v), {
+                    icon: "icon-zoom-out",
+                    onClick: n[1] || (n[1] = (o) => g("zoomOut"))
+                  }),
+                  d(t(v), {
+                    icon: "icon-zoom-in",
+                    onClick: n[2] || (n[2] = (o) => g("zoomIn"))
+                  }),
+                  c("i", {
+                    class: l(t(a).e("actions__divider"))
+                  }, null, 2),
+                  d(t(v), {
+                    icon: "icon-scale-to-original",
+                    onClick: B
+                  }),
+                  c("i", {
+                    class: l(t(a).e("actions__divider"))
+                  }, null, 2),
+                  d(t(v), {
+                    icon: "icon-refresh-left",
+                    onClick: n[3] || (n[3] = (o) => g("anticlockwise"))
+                  }),
+                  d(t(v), {
+                    icon: "icon-refresh-right",
+                    onClick: n[4] || (n[4] = (o) => g("clockwise"))
+                  })
+                ], 2)
+              ], 2),
               c("div", {
-                class: l(n(a).e("actions__inner"))
+                class: l(t(a).e("canvas"))
               }, [
-                d(n(v), {
-                  icon: "icon-zoom-out",
-                  onClick: t[1] || (t[1] = (o) => k("zoomOut"))
-                }),
-                d(n(v), {
-                  icon: "icon-zoom-in",
-                  onClick: t[2] || (t[2] = (o) => k("zoomIn"))
-                }),
-                c("i", {
-                  class: l(n(a).e("actions__divider"))
-                }, null, 2),
-                d(n(v), {
-                  icon: "icon-scale-to-original",
-                  onClick: B
-                }),
-                c("i", {
-                  class: l(n(a).e("actions__divider"))
-                }, null, 2),
-                d(n(v), {
-                  icon: "icon-refresh-left",
-                  onClick: t[3] || (t[3] = (o) => k("anticlockwise"))
-                }),
-                d(n(v), {
-                  icon: "icon-refresh-right",
-                  onClick: t[4] || (t[4] = (o) => k("clockwise"))
-                })
-              ], 2)
-            ], 2),
-            c("div", {
-              class: l(n(a).e("canvas"))
-            }, [
-              (x(!0), E(V, null, fe(e.urlList, (o, r) => de((x(), E("img", {
-                ref_for: !0,
-                ref: (h) => Y.value[r] = h,
-                key: o,
-                src: o,
-                style: S(G.value),
-                class: l(n(a).e("img")),
-                onLoad: U,
-                onError: _,
-                onMousedown: ee
-              }, null, 46, ge)), [
-                [me, r === m.value]
-              ])), 128))
-            ], 2),
-            ce(e.$slots, "default")
-          ], 6)
-        ]),
-        _: 3
-      })
-    ], 8, ["disabled"]));
+                (x(!0), E(H, null, ue(e.urlList, (o, r) => fe((x(), E("img", {
+                  ref_for: !0,
+                  ref: (h) => X.value[r] = h,
+                  key: o,
+                  src: o,
+                  style: V(J.value),
+                  class: l(t(a).e("img")),
+                  onLoad: _,
+                  onError: ee,
+                  onMousedown: te
+                }, null, 46, ke)), [
+                  [de, r === m.value]
+                ])), 128))
+              ], 2),
+              re(e.$slots, "default")
+            ], 6)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["disabled"]));
   }
 });
 export {

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

@@ -1,5 +1,5 @@
 export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         urlList: {
             type: import("vue").PropType<string[]>;
         };
@@ -24,43 +24,15 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
         zoomRate: {
             type: import("vue").PropType<number>;
         };
-    }>> & {
-        onClose?: (() => any) | undefined;
+    }>> & Readonly<{
         onSwitch?: ((index: number) => any) | undefined;
-    }, {
+        onClose?: (() => any) | undefined;
+    }>, {
         setActiveItem: (index: number) => void;
-    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         switch: (index: number) => void;
         close: () => void;
-    }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-        urlList: {
-            type: import("vue").PropType<string[]>;
-        };
-        zIndex: {
-            type: import("vue").PropType<number>;
-        };
-        initialIndex: {
-            type: import("vue").PropType<number>;
-        };
-        infinite: {
-            type: import("vue").PropType<boolean>;
-        };
-        hideOnClickModal: {
-            type: import("vue").PropType<boolean>;
-        };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-        };
-        closeOnPressEscape: {
-            type: import("vue").PropType<boolean>;
-        };
-        zoomRate: {
-            type: import("vue").PropType<number>;
-        };
-    }>> & {
-        onClose?: (() => any) | undefined;
-        onSwitch?: ((index: number) => any) | undefined;
-    }, {}, true, {}, {}, {
+    }, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -92,15 +64,15 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
         zoomRate: {
             type: import("vue").PropType<number>;
         };
-    }>> & {
-        onClose?: (() => any) | undefined;
+    }>> & Readonly<{
         onSwitch?: ((index: number) => any) | undefined;
-    }, {
+        onClose?: (() => any) | undefined;
+    }>, {
         setActiveItem: (index: number) => void;
     }, {}, {}, {}, {}>;
-    __isFragment?: undefined;
-    __isTeleport?: undefined;
-    __isSuspense?: undefined;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     urlList: {
         type: import("vue").PropType<string[]>;
@@ -126,15 +98,15 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
     zoomRate: {
         type: import("vue").PropType<number>;
     };
-}>> & {
-    onClose?: (() => any) | undefined;
+}>> & Readonly<{
     onSwitch?: ((index: number) => any) | undefined;
-}, {
+    onClose?: (() => any) | undefined;
+}>, {
     setActiveItem: (index: number) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switch: (index: number) => void;
     close: () => void;
-}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

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

@@ -1,26 +1,16 @@
+import InfiniteScroll from './infinite-scroll';
 import type { SFCWithInstall } from 'vft/es/utils';
-declare const _InfiniteScroll: SFCWithInstall<import("vue").ObjectDirective<HTMLElement & {
-    VftInfiniteScroll: {
-        container: Window | HTMLElement;
-        containerEl: HTMLElement;
-        instance: import("vue").ComponentPublicInstance;
-        delay: number;
-        lastScrollTop: number;
-        cb: () => void;
-        onScroll: () => void;
-        observer?: MutationObserver | undefined;
-    };
-}, () => void>>;
+declare const _InfiniteScroll: SFCWithInstall<typeof InfiniteScroll>;
 export default _InfiniteScroll;
 export declare const VftInfiniteScroll: SFCWithInstall<import("vue").ObjectDirective<HTMLElement & {
     VftInfiniteScroll: {
-        container: Window | HTMLElement;
+        container: HTMLElement | Window;
         containerEl: HTMLElement;
         instance: import("vue").ComponentPublicInstance;
         delay: number;
         lastScrollTop: number;
         cb: () => void;
         onScroll: () => void;
-        observer?: MutationObserver | undefined;
+        observer?: MutationObserver;
     };
-}, () => void>>;
+}, () => void, string, string>>;

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

@@ -23,62 +23,62 @@ const i = "VftInfiniteScroll", A = 50, O = 200, C = 0, D = {
     type: Boolean,
     default: !0
   }
-}, b = (t, e) => Object.entries(D).reduce((n, [o, c]) => {
-  const { type: a, default: s } = c, l = t.getAttribute(`infinite-scroll-${o}`);
-  let r = e[l] ?? l ?? s;
-  return r = r === "false" ? !1 : r, r = a(r), n[o] = Number.isNaN(r) ? s : r, n;
+}, b = (t, n) => Object.entries(D).reduce((o, [e, s]) => {
+  const { type: a, default: c } = s, l = t.getAttribute(`infinite-scroll-${e}`);
+  let r = n[l] ?? l ?? c;
+  return r = r === "false" ? !1 : r, r = a(r), o[e] = Number.isNaN(r) ? c : r, o;
 }, {}), g = (t) => {
-  const { observer: e } = t[i];
-  e && (e.disconnect(), delete t[i].observer);
-}, F = (t, e) => {
-  const { container: n, containerEl: o, instance: c, observer: a, lastScrollTop: s } = t[i], { disabled: l, distance: r } = b(t, c), { clientHeight: u, scrollHeight: h, scrollTop: d } = o, E = d - s;
+  const { observer: n } = t[i];
+  n && (n.disconnect(), delete t[i].observer);
+}, F = (t, n) => {
+  const { container: o, containerEl: e, instance: s, observer: a, lastScrollTop: c } = t[i], { disabled: l, distance: r } = b(t, s), { clientHeight: u, scrollHeight: h, scrollTop: d } = e, E = d - c;
   if (t[i].lastScrollTop = d, a || l || E < 0) return;
   let f = !1;
-  if (n === t)
+  if (o === t)
     f = h - (u + d) <= r;
   else {
-    const { clientTop: T, scrollHeight: S } = t, y = L(t, o);
+    const { clientTop: T, scrollHeight: S } = t, y = L(t, e);
     f = d + u >= y + T + S - r;
   }
-  f && e.call(c);
+  f && n.call(s);
 };
-function m(t, e) {
-  const { containerEl: n, instance: o } = t[i], { disabled: c } = b(t, o);
-  c || n.clientHeight === 0 || (n.scrollHeight <= n.clientHeight ? e.call(o) : g(t));
+function m(t, n) {
+  const { containerEl: o, instance: e } = t[i], { disabled: s } = b(t, e);
+  s || o.clientHeight === 0 || (o.scrollHeight <= o.clientHeight ? n.call(e) : g(t));
 }
 const K = {
-  async mounted(t, e) {
-    const { instance: n, value: o } = e;
-    H(o) || w(i, "'v-infinite-scroll' binding value must be a function"), await p();
-    const { delay: c, immediate: a } = b(t, n), s = N(t, !0), l = s === window ? document.documentElement : s, r = v(F.bind(null, t, o), c);
-    if (s) {
+  async mounted(t, n) {
+    const { instance: o, value: e } = n;
+    H(e) || w(i, "'v-infinite-scroll' binding value must be a function"), await p();
+    const { delay: s, immediate: a } = b(t, o), c = N(t, !0), l = c === window ? document.documentElement : c, r = v(F.bind(null, t, e), s);
+    if (c) {
       if (t[i] = {
-        instance: n,
-        container: s,
+        instance: o,
+        container: c,
         containerEl: l,
-        delay: c,
-        cb: o,
+        delay: s,
+        cb: e,
         onScroll: r,
         lastScrollTop: l.scrollTop
       }, a) {
         const u = new MutationObserver(
-          v(m.bind(null, t, o), A)
+          v(m.bind(null, t, e), A)
         );
-        t[i].observer = u, u.observe(t, { childList: !0, subtree: !0 }), m(t, o);
+        t[i].observer = u, u.observe(t, { childList: !0, subtree: !0 }), m(t, e);
       }
-      s.addEventListener("scroll", r);
+      c.addEventListener("scroll", r);
     }
   },
   unmounted(t) {
-    const { container: e, onScroll: n } = t[i];
-    e == null || e.removeEventListener("scroll", n), g(t);
+    const { container: n, onScroll: o } = t[i];
+    n?.removeEventListener("scroll", o), g(t);
   },
   async updated(t) {
     if (!t[i])
       await p();
     else {
-      const { containerEl: e, cb: n, observer: o } = t[i];
-      e.clientHeight && o && m(t, n);
+      const { containerEl: n, cb: o, observer: e } = t[i];
+      n.clientHeight && e && m(t, o);
     }
   }
 };