vft 0.0.499 → 0.0.501

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

@@ -1,8 +1,8 @@
-import { defineComponent as A, ref as h, effectScope as ne, computed as w, watch as R, nextTick as oe, onMounted as ae, createBlock as se, openBlock as z, unref as e, 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 { defineComponent as A, ref as h, effectScope as ne, computed as w, watch as R, nextTick as oe, onMounted as ae, createBlock as ie, openBlock as z, unref as e, withCtx as S, createVNode as d, Transition as se, createElementVNode as c, normalizeStyle as V, normalizeClass as r, createElementBlock as E, createCommentVNode as re, renderSlot as le, withModifiers as ce, Fragment as H, renderList as ue, withDirectives as fe, vShow as de } from "vue";
 import { EVENT_CODE as p } from "@vft/constants";
 import { isNumber as Z } from "@vft/utils";
 import { VftIcon as v } from "../icon/index.js";
-import { useEventListener as I } from "@vueuse/core";
+import { useEventListener as y } from "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import { throttle as T } from "lodash-es";
 import "../form/index.js";
@@ -11,7 +11,7 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { useZIndex as ve } from "../../hooks/use-z-index/index.js";
 import { VftTeleport as ge } from "../teleport/index.js";
-const ke = ["src"], be = A({
+const ke = ["src", "referrerpolicy", "crossorigin"], be = A({
   name: "vft-image-viewer"
 }), Ye = /* @__PURE__ */ A({
   ...be,
@@ -23,23 +23,25 @@ const ke = ["src"], be = A({
     hideOnClickModal: { type: Boolean, default: !1 },
     teleported: { type: Boolean, default: !1 },
     closeOnPressEscape: { type: Boolean, default: !0 },
-    zoomRate: { default: 1.2 }
+    zoomRate: { default: 1.2 },
+    referrerpolicy: { default: "no-referrer" },
+    crossorigin: { default: "anonymous" }
   },
   emits: {
     close: () => !0,
-    switch: (o) => Z(o)
+    switch: (t) => Z(t)
   },
-  setup(o, { expose: P, emit: W }) {
-    const $ = W, s = me("image-viewer"), { nextZIndex: j } = ve(), C = h(), X = h([]), Y = ne(), k = h(!0), m = h(o.initialIndex), i = h({
+  setup(t, { expose: P, emit: W }) {
+    const $ = W, i = me("image-viewer"), { nextZIndex: j } = ve(), I = h(), X = h([]), Y = ne(), k = h(!0), m = h(t.initialIndex), s = h({
       scale: 1,
       deg: 0,
       offsetX: 0,
       offsetY: 0,
       enableTransition: !1
-    }), q = w(() => o.urlList.length <= 1), O = w(() => m.value === 0), M = w(() => m.value === o.urlList.length - 1), G = w(() => o.urlList[m.value]), J = w(() => {
-      const { scale: n, deg: t, offsetX: a, offsetY: r, enableTransition: x } = i.value;
-      let u = a / n, f = r / n;
-      switch (t % 360) {
+    }), q = w(() => t.urlList.length <= 1), O = w(() => m.value === 0), M = w(() => m.value === t.urlList.length - 1), G = w(() => t.urlList[m.value]), J = w(() => {
+      const { scale: o, deg: n, offsetX: a, offsetY: l, enableTransition: x } = s.value;
+      let u = a / o, f = l / o;
+      switch (n % 360) {
         case 90:
         case -270:
           [u, f] = [f, -u];
@@ -54,20 +56,20 @@ const ke = ["src"], be = A({
           break;
       }
       const b = {
-        transform: `scale(${n}) rotate(${t}deg) translate(${u}px, ${f}px)`,
+        transform: `scale(${o}) rotate(${n}deg) translate(${u}px, ${f}px)`,
         transition: x ? "transform .3s" : ""
       };
       return b.maxWidth = b.maxHeight = "100%", b;
-    }), K = w(() => Z(o.zIndex) ? o.zIndex : j());
-    function y() {
+    }), K = w(() => Z(t.zIndex) ? t.zIndex : j());
+    function C() {
       U(), $("close");
     }
     function Q() {
-      const n = T((a) => {
+      const o = T((a) => {
         switch (a.code) {
           // ESC
           case p.esc:
-            o.closeOnPressEscape && y();
+            t.closeOnPressEscape && C();
             break;
           // SPACE
           case p.space:
@@ -90,15 +92,15 @@ const ke = ["src"], be = A({
             g("zoomOut");
             break;
         }
-      }), t = T((a) => {
-        const r = a.deltaY || a.deltaX;
-        g(r < 0 ? "zoomIn" : "zoomOut", {
-          zoomRate: o.zoomRate,
+      }), n = T((a) => {
+        const l = a.deltaY || a.deltaX;
+        g(l < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: t.zoomRate,
           enableTransition: !1
         });
       });
       Y.run(() => {
-        I(document, "keydown", n), I(document, "wheel", t);
+        y(document, "keydown", o), y(document, "wheel", n);
       });
     }
     function U() {
@@ -107,25 +109,25 @@ const ke = ["src"], be = A({
     function _() {
       k.value = !1;
     }
-    function ee(n) {
-      k.value = !1, n.target.alt = "加载失败";
+    function ee(o) {
+      k.value = !1, o.target.alt = "加载失败";
     }
-    function te(n) {
-      if (k.value || n.button !== 0 || !C.value) return;
-      i.value.enableTransition = !1;
-      const { offsetX: t, offsetY: a } = i.value, r = n.pageX, x = n.pageY, u = T((b) => {
-        i.value = {
-          ...i.value,
-          offsetX: t + b.pageX - r,
+    function te(o) {
+      if (k.value || o.button !== 0 || !I.value) return;
+      s.value.enableTransition = !1;
+      const { offsetX: n, offsetY: a } = s.value, l = o.pageX, x = o.pageY, u = T((b) => {
+        s.value = {
+          ...s.value,
+          offsetX: n + b.pageX - l,
           offsetY: a + b.pageY - x
         };
-      }), f = I(document, "mousemove", u);
-      I(document, "mouseup", () => {
+      }), f = y(document, "mousemove", u);
+      y(document, "mouseup", () => {
         f();
-      }), n.preventDefault();
+      }), o.preventDefault();
     }
     function N() {
-      i.value = {
+      s.value = {
         scale: 1,
         deg: 0,
         offsetX: 0,
@@ -136,97 +138,97 @@ const ke = ["src"], be = A({
     function B() {
       k.value || N();
     }
-    function L(n) {
-      const t = o.urlList.length;
-      m.value = (n + t) % t;
+    function L(o) {
+      const n = t.urlList.length;
+      m.value = (o + n) % n;
     }
     function D() {
-      O.value && !o.infinite || L(m.value - 1);
+      O.value && !t.infinite || L(m.value - 1);
     }
     function F() {
-      M.value && !o.infinite || L(m.value + 1);
+      M.value && !t.infinite || L(m.value + 1);
     }
-    function g(n, t = {}) {
+    function g(o, n = {}) {
       if (k.value) return;
-      const { rotateDeg: a, enableTransition: r } = {
+      const { rotateDeg: a, enableTransition: l } = {
         rotateDeg: 90,
         enableTransition: !0,
-        ...t
+        ...n
       };
-      switch (n) {
+      switch (o) {
         case "zoomOut":
-          i.value.scale > 0.2 && (i.value.scale = Number.parseFloat(
-            (i.value.scale / o.zoomRate).toFixed(3)
+          s.value.scale > 0.2 && (s.value.scale = Number.parseFloat(
+            (s.value.scale / t.zoomRate).toFixed(3)
           ));
           break;
         case "zoomIn":
-          i.value.scale < 7 && (i.value.scale = Number.parseFloat(
-            (i.value.scale * o.zoomRate).toFixed(3)
+          s.value.scale < 7 && (s.value.scale = Number.parseFloat(
+            (s.value.scale * t.zoomRate).toFixed(3)
           ));
           break;
         case "clockwise":
-          i.value.deg += a;
+          s.value.deg += a;
           break;
         case "anticlockwise":
-          i.value.deg -= a;
+          s.value.deg -= a;
           break;
       }
-      i.value.enableTransition = r;
+      s.value.enableTransition = l;
     }
     return R(G, () => {
       oe(() => {
         X.value[0]?.complete || (k.value = !0);
       });
-    }), R(m, (n) => {
-      N(), $("switch", n);
+    }), R(m, (o) => {
+      N(), $("switch", o);
     }), ae(() => {
-      Q(), C.value?.focus?.();
+      Q(), I.value?.focus?.();
     }), P({
       /** @description manually switch image */
       setActiveItem: L
-    }), (n, t) => (z(), se(e(ge), {
+    }), (o, n) => (z(), ie(e(ge), {
       to: "body",
-      disabled: !o.teleported
+      disabled: !t.teleported
     }, {
       default: S(() => [
-        d(ie, {
+        d(se, {
           name: "viewer-fade",
           appear: ""
         }, {
           default: S(() => [
             c("div", {
               ref_key: "wrapper",
-              ref: C,
+              ref: I,
               tabindex: -1,
-              class: l(e(s).e("wrapper")),
+              class: r(e(i).e("wrapper")),
               style: V({ zIndex: K.value })
             }, [
               c("div", {
-                class: l(e(s).e("mask")),
-                onClick: t[0] || (t[0] = ce((a) => o.hideOnClickModal && y(), ["self"]))
+                class: r(e(i).e("mask")),
+                onClick: n[0] || (n[0] = ce((a) => t.hideOnClickModal && C(), ["self"]))
               }, null, 2),
               c("span", {
-                class: l([e(s).e("btn"), e(s).e("close")]),
-                onClick: y
+                class: r([e(i).e("btn"), e(i).e("close")]),
+                onClick: C
               }, [
                 d(e(v), { icon: "icon-close" })
               ], 2),
-              q.value ? le("", !0) : (z(), E(H, { key: 0 }, [
+              q.value ? re("", !0) : (z(), E(H, { key: 0 }, [
                 c("span", {
-                  class: l([
-                    e(s).e("btn"),
-                    e(s).e("prev"),
-                    e(s).is("disabled", !o.infinite && O.value)
+                  class: r([
+                    e(i).e("btn"),
+                    e(i).e("prev"),
+                    e(i).is("disabled", !t.infinite && O.value)
                   ]),
                   onClick: D
                 }, [
                   d(e(v), { icon: "icon-arrow-left" })
                 ], 2),
                 c("span", {
-                  class: l([
-                    e(s).e("btn"),
-                    e(s).e("next"),
-                    e(s).is("disabled", !o.infinite && M.value)
+                  class: r([
+                    e(i).e("btn"),
+                    e(i).e("next"),
+                    e(i).is("disabled", !t.infinite && M.value)
                   ]),
                   onClick: F
                 }, [
@@ -234,57 +236,59 @@ const ke = ["src"], be = A({
                 ], 2)
               ], 64)),
               c("div", {
-                class: l([e(s).e("btn"), e(s).e("actions")])
+                class: r([e(i).e("btn"), e(i).e("actions")])
               }, [
                 c("div", {
-                  class: l(e(s).e("actions__inner"))
+                  class: r(e(i).e("actions__inner"))
                 }, [
                   d(e(v), {
                     icon: "icon-zoom-out",
-                    onClick: t[1] || (t[1] = (a) => g("zoomOut"))
+                    onClick: n[1] || (n[1] = (a) => g("zoomOut"))
                   }),
                   d(e(v), {
                     icon: "icon-zoom-in",
-                    onClick: t[2] || (t[2] = (a) => g("zoomIn"))
+                    onClick: n[2] || (n[2] = (a) => g("zoomIn"))
                   }),
                   c("i", {
-                    class: l(e(s).e("actions__divider"))
+                    class: r(e(i).e("actions__divider"))
                   }, null, 2),
                   d(e(v), {
                     icon: "icon-scale-to-original",
                     onClick: B
                   }),
                   c("i", {
-                    class: l(e(s).e("actions__divider"))
+                    class: r(e(i).e("actions__divider"))
                   }, null, 2),
                   d(e(v), {
                     icon: "icon-refresh-left",
-                    onClick: t[3] || (t[3] = (a) => g("anticlockwise"))
+                    onClick: n[3] || (n[3] = (a) => g("anticlockwise"))
                   }),
                   d(e(v), {
                     icon: "icon-refresh-right",
-                    onClick: t[4] || (t[4] = (a) => g("clockwise"))
+                    onClick: n[4] || (n[4] = (a) => g("clockwise"))
                   })
                 ], 2)
               ], 2),
               c("div", {
-                class: l(e(s).e("canvas"))
+                class: r(e(i).e("canvas"))
               }, [
-                (z(!0), E(H, null, ue(o.urlList, (a, r) => fe((z(), E("img", {
+                (z(!0), E(H, null, ue(t.urlList, (a, l) => fe((z(), E("img", {
                   ref_for: !0,
-                  ref: (x) => X.value[r] = x,
+                  ref: (x) => X.value[l] = x,
                   key: a,
                   src: a,
                   style: V(J.value),
-                  class: l(e(s).e("img")),
+                  class: r(e(i).e("img")),
+                  referrerpolicy: t.referrerpolicy,
+                  crossorigin: t.crossorigin,
                   onLoad: _,
                   onError: ee,
                   onMousedown: te
                 }, null, 46, ke)), [
-                  [de, r === m.value]
+                  [de, l === m.value]
                 ])), 128))
               ], 2),
-              re(n.$slots, "default")
+              le(o.$slots, "default")
             ], 6)
           ]),
           _: 3

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

@@ -24,6 +24,12 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
         zoomRate: {
             type: import("vue").PropType<number>;
         };
+        referrerpolicy: {
+            type: import("vue").PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "same-origin" | "strict-origin" | "origin-when-cross-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
+        };
+        crossorigin: {
+            type: import("vue").PropType<"anonymous" | "use-credentials">;
+        };
     }>> & Readonly<{
         onSwitch?: ((index: number) => any) | undefined;
         onClose?: (() => any) | undefined;
@@ -64,6 +70,12 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
         zoomRate: {
             type: import("vue").PropType<number>;
         };
+        referrerpolicy: {
+            type: import("vue").PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "same-origin" | "strict-origin" | "origin-when-cross-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
+        };
+        crossorigin: {
+            type: import("vue").PropType<"anonymous" | "use-credentials">;
+        };
     }>> & Readonly<{
         onSwitch?: ((index: number) => any) | undefined;
         onClose?: (() => any) | undefined;
@@ -98,6 +110,12 @@ export declare const VftImageViewer: import("vft/es/utils").SFCWithInstall<{
     zoomRate: {
         type: import("vue").PropType<number>;
     };
+    referrerpolicy: {
+        type: import("vue").PropType<"origin" | "no-referrer" | "no-referrer-when-downgrade" | "same-origin" | "strict-origin" | "origin-when-cross-origin" | "strict-origin-when-cross-origin" | "unsafe-url">;
+    };
+    crossorigin: {
+        type: import("vue").PropType<"anonymous" | "use-credentials">;
+    };
 }>> & Readonly<{
     onSwitch?: ((index: number) => any) | undefined;
     onClose?: (() => any) | undefined;

package/es/components/input/input.vue2.js

@@ -13,8 +13,8 @@ import "../../hooks/use-z-index/index.js";
 import { UPDATE_MODEL_EVENT as Q } from "@vft/constants";
 import { useAttrs as Ze, useCursor as _e } from "@vft/use";
 import { calcTextareaHeight as he } from "./utils.js";
-import { useFormItem as et, useFormItemInputId as tt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at, useFormDisabled as nt } from "../form/hooks/use-form-common-props.js";
+import { useFormSize as et, useFormDisabled as tt } from "../form/hooks/use-form-common-props.js";
+import { useFormItem as at, useFormItemInputId as nt } from "../form/hooks/use-form-item.js";
 const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "readonly", "autocomplete", "tabindex", "aria-label", "placeholder", "form"], st = ["id", "tabindex", "disabled", "readonly", "autocomplete", "aria-label", "placeholder", "form"], It = /* @__PURE__ */ Oe({
   __name: "input",
   props: {
@@ -85,9 +85,9 @@ const ot = ["role"], lt = ["id", "type", "disabled", "formatter", "parser", "rea
       n.is("focus", v.value)
     ]), d = Ze({
       excludeKeys: l(() => Object.keys(X.value))
-    }), { form: Ce, formItem: F } = et(), { inputId: Y } = tt(we.props, {
+    }), { form: Ce, formItem: F } = at(), { inputId: Y } = nt(we.props, {
       formItemContext: F
-    }), ke = at(), x = nt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
+    }), ke = et(), x = tt(), n = ye("input"), Z = ye("textarea"), M = H(), p = H(), v = S(!1), N = S(!1), C = S(!1), K = S(!1), _ = S(), O = H(e.inputStyle), k = l(() => M.value || p.value), T = l(() => G(e.prefixIcon, "icon", { size: 16 })), ee = l(() => G(e.suffixIcon, "icon", { size: 16 })), Ie = l(() => G(e.clearIcon, "icon", {
       icon: "icon-circle-close",
       size: 16
     })), te = l(() => Ce?.statusIcon ?? !1), I = l(() => F?.validateState || ""), ae = l(

package/es/components/input-tag/composables/use-input-tag.js

@@ -1,6 +1,6 @@
 import { shallowRef as B, ref as L, computed as c, watch as G } from "vue";
 import { EVENT_CODE as g } from "../../../constants/aria.js";
-import { CHANGE_EVENT as i, UPDATE_MODEL_EVENT as d, INPUT_EVENT as H } from "../../../constants/event.js";
+import { CHANGE_EVENT as i, INPUT_EVENT as H, UPDATE_MODEL_EVENT as d } from "../../../constants/event.js";
 import "@vueuse/core";
 import { isUndefined as K } from "@vft/utils";
 import { debugWarn as C } from "../../../utils/error.js";

package/es/components/popconfirm/index.d.ts

@@ -7,14 +7,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             default: string;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -52,8 +52,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         cancel: (val: MouseEvent) => void;
     }, import("vue").PublicProps, {
         width: string | number;
-        teleported: boolean;
         icon: string | import("vft/es/vft").IconProps;
+        teleported: boolean;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -74,14 +74,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<string | number>;
             default: number;
         };
-        teleported: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         icon: {
             type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
             default: string;
         };
+        teleported: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         hideAfter: {
             type: import("vue").PropType<number>;
             default: number;
@@ -116,8 +116,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         onConfirm?: ((val: MouseEvent) => any) | undefined;
     }>, {}, {}, {}, {}, {
         width: string | number;
-        teleported: boolean;
         icon: string | import("vft/es/vft").IconProps;
+        teleported: boolean;
         hideAfter: number;
         persistent: boolean;
         confirmButtonType: import("vft/es/vft").ButtonType;
@@ -135,14 +135,14 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<string | number>;
         default: number;
     };
-    teleported: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     icon: {
         type: import("vue").PropType<string | import("vft/es/vft").IconProps>;
         default: string;
     };
+    teleported: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     hideAfter: {
         type: import("vue").PropType<number>;
         default: number;
@@ -180,8 +180,8 @@ export declare const VftPopconfirm: import("vft/es/utils").SFCWithInstall<{
     cancel: (val: MouseEvent) => void;
 }, string, {
     width: string | number;
-    teleported: boolean;
     icon: string | import("vft/es/vft").IconProps;
+    teleported: boolean;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: import("vft/es/vft").ButtonType;

package/es/components/popconfirm/popconfirm.vue.d.ts

@@ -43,8 +43,8 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onConfirm?: ((val: MouseEvent) => any) | undefined;
 }>, {
     width: string | number;
-    teleported: boolean;
     icon: string | IconProps;
+    teleported: boolean;
     hideAfter: number;
     persistent: boolean;
     confirmButtonType: ButtonType;

package/es/components/popper/index.d.ts

@@ -5,7 +5,7 @@ export { VftPopperArrow, VftPopperContent, VftPopperTrigger };
 export declare const VftPopper: import("vft/es/utils").SFCWithInstall<{
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+            type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
         };
     }>> & Readonly<{}>, {
         triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;
@@ -22,7 +22,7 @@ export declare const VftPopper: import("vft/es/utils").SFCWithInstall<{
         Defaults: {};
     }, Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+            type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
         };
     }>> & Readonly<{}>, {
         triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;
@@ -36,7 +36,7 @@ export declare const VftPopper: import("vft/es/utils").SFCWithInstall<{
     __isSuspense?: never;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     role: {
-        type: import("vue").PropType<"dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "tree" | "navigation">;
+        type: import("vue").PropType<"tree" | "dialog" | "menu" | "grid" | "group" | "listbox" | "tooltip" | "navigation">;
     };
 }>> & Readonly<{}>, {
     triggerRef: import("vue").Ref<import("./constants").Measurable | undefined>;