vft 0.0.48 → 0.0.50

package/es/packages/components/color-picker/composables/use-alpha-slider.js

@@ -0,0 +1,107 @@
+import { getCurrentInstance as $, shallowRef as M, ref as m, onMounted as x, watch as p, computed as c } from "vue";
+import { addUnit as H } from "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import { getClientXY as K } from "../../../utils/dom/position.js";
+import { useNamespace as R } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../../hooks/use-z-index/index.js";
+import { draggable as W } from "../utils/draggable.js";
+const U = (e) => {
+  const f = $(), t = M(), u = M();
+  function h(i) {
+    i.target !== t.value && r(i);
+  }
+  function r(i) {
+    if (!u.value || !t.value)
+      return;
+    const l = f.vnode.el.getBoundingClientRect(), { clientX: v, clientY: d } = K(i);
+    if (e.vertical) {
+      let o = d - l.top;
+      o = Math.max(t.value.offsetHeight / 2, o), o = Math.min(o, l.height - t.value.offsetHeight / 2), e.color.set(
+        "alpha",
+        Math.round(
+          (o - t.value.offsetHeight / 2) / (l.height - t.value.offsetHeight) * 100
+        )
+      );
+    } else {
+      let o = v - l.left;
+      o = Math.max(t.value.offsetWidth / 2, o), o = Math.min(o, l.width - t.value.offsetWidth / 2), e.color.set(
+        "alpha",
+        Math.round(
+          (o - t.value.offsetWidth / 2) / (l.width - t.value.offsetWidth) * 100
+        )
+      );
+    }
+  }
+  return {
+    thumb: t,
+    bar: u,
+    handleDrag: r,
+    handleClick: h
+  };
+}, j = (e, {
+  bar: f,
+  thumb: t,
+  handleDrag: u
+}) => {
+  const h = $(), r = R("color-alpha-slider"), i = m(0), s = m(0), l = m();
+  function v() {
+    if (!t.value || e.vertical)
+      return 0;
+    const a = h.vnode.el, n = e.color.get("alpha");
+    return a ? Math.round(
+      n * (a.offsetWidth - t.value.offsetWidth / 2) / 100
+    ) : 0;
+  }
+  function d() {
+    if (!t.value)
+      return 0;
+    const a = h.vnode.el;
+    if (!e.vertical)
+      return 0;
+    const n = e.color.get("alpha");
+    return a ? Math.round(
+      n * (a.offsetHeight - t.value.offsetHeight / 2) / 100
+    ) : 0;
+  }
+  function o() {
+    if (e.color && e.color.value) {
+      const { r: a, g: n, b } = e.color.toRgb();
+      return `linear-gradient(to right, rgba(${a}, ${n}, ${b}, 0) 0%, rgba(${a}, ${n}, ${b}, 1) 100%)`;
+    }
+    return "";
+  }
+  function g() {
+    i.value = v(), s.value = d(), l.value = o();
+  }
+  x(() => {
+    if (!f.value || !t.value)
+      return;
+    const a = {
+      drag: (n) => {
+        u(n);
+      },
+      end: (n) => {
+        u(n);
+      }
+    };
+    W(f.value, a), W(t.value, a), g();
+  }), p(
+    () => e.color.get("alpha"),
+    () => g()
+  ), p(
+    () => e.color.value,
+    () => g()
+  );
+  const C = c(() => [r.b(), r.is("vertical", e.vertical)]), k = c(() => r.e("bar")), w = c(() => r.e("thumb")), S = c(() => ({ background: l.value })), T = c(() => ({
+    left: H(i.value),
+    top: H(s.value)
+  }));
+  return { rootKls: C, barKls: k, barStyle: S, thumbKls: w, thumbStyle: T, update: g };
+};
+export {
+  U as useAlphaSlider,
+  j as useAlphaSliderDOM
+};

package/es/packages/components/color-picker/contants.js

@@ -0,0 +1,6 @@
+const o = Symbol(
+  "colorPickerContextKey"
+);
+export {
+  o as colorPickerContextKey
+};

package/es/packages/components/color-picker/index.js

@@ -0,0 +1,12 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import t from "./color-picker.vue2.js";
+const s = o(t);
+export {
+  s as VftColorPicker,
+  s as default
+};

package/es/packages/components/color-picker/style/css.js

@@ -0,0 +1,4 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-color-picker.css";
+import "vft/theme-style/vft-input.css";
+import "vft/theme-style/vft-button.css";

package/es/packages/components/color-picker/style/index.js

@@ -0,0 +1,4 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/color-picker.scss";
+import "vft/theme-style/src/input.scss";
+import "vft/theme-style/src/button.scss";

package/es/packages/components/color-picker/utils/color.js

@@ -0,0 +1,201 @@
+import { hasOwn as b } from "@vft/utils";
+const _ = function(a, t, e) {
+  return [
+    a,
+    t * e / ((a = (2 - t) * e) < 1 ? a : 2 - a) || 0,
+    a / 2
+  ];
+}, F = function(a) {
+  return typeof a == "string" && a.includes(".") && Number.parseFloat(a) === 1;
+}, C = function(a) {
+  return typeof a == "string" && a.includes("%");
+}, l = function(a, t) {
+  F(a) && (a = "100%");
+  const e = C(a);
+  return a = Math.min(t, Math.max(0, Number.parseFloat(`${a}`))), e && (a = Number.parseInt(`${a * t}`, 10) / 100), Math.abs(a - t) < 1e-6 ? 1 : a % t / Number.parseFloat(t);
+}, g = {
+  10: "A",
+  11: "B",
+  12: "C",
+  13: "D",
+  14: "E",
+  15: "F"
+}, f = (a) => {
+  a = Math.min(Math.round(a), 255);
+  const t = Math.floor(a / 16), e = a % 16;
+  return `${g[t] || t}${g[e] || e}`;
+}, $ = function({ r: a, g: t, b: e }) {
+  return Number.isNaN(+a) || Number.isNaN(+t) || Number.isNaN(+e) ? "" : `#${f(a)}${f(t)}${f(e)}`;
+}, p = {
+  A: 10,
+  B: 11,
+  C: 12,
+  D: 13,
+  E: 14,
+  F: 15
+}, c = function(a) {
+  return a.length === 2 ? (p[a[0].toUpperCase()] || +a[0]) * 16 + (p[a[1].toUpperCase()] || +a[1]) : p[a[1].toUpperCase()] || +a[1];
+}, k = function(a, t, e) {
+  t = t / 100, e = e / 100;
+  let s = t;
+  const n = Math.max(e, 0.01);
+  e *= 2, t *= e <= 1 ? e : 2 - e, s *= n <= 1 ? n : 2 - n;
+  const h = (e + t) / 2, r = e === 0 ? 2 * s / (n + s) : 2 * t / (e + t);
+  return {
+    h: a,
+    s: r * 100,
+    v: h * 100
+  };
+}, M = (a, t, e) => {
+  a = l(a, 255), t = l(t, 255), e = l(e, 255);
+  const s = Math.max(a, t, e), n = Math.min(a, t, e);
+  let h;
+  const r = s, i = s - n, o = s === 0 ? 0 : i / s;
+  if (s === n)
+    h = 0;
+  else {
+    switch (s) {
+      case a: {
+        h = (t - e) / i + (t < e ? 6 : 0);
+        break;
+      }
+      case t: {
+        h = (e - a) / i + 2;
+        break;
+      }
+      case e: {
+        h = (a - t) / i + 4;
+        break;
+      }
+    }
+    h /= 6;
+  }
+  return { h: h * 360, s: o * 100, v: r * 100 };
+}, u = function(a, t, e) {
+  a = l(a, 360) * 6, t = l(t, 100), e = l(e, 100);
+  const s = Math.floor(a), n = a - s, h = e * (1 - t), r = e * (1 - n * t), i = e * (1 - (1 - n) * t), o = s % 6, m = [e, r, h, h, i, e][o], d = [i, e, e, r, h, h][o], N = [h, h, i, e, e, r][o];
+  return {
+    r: Math.round(m * 255),
+    g: Math.round(d * 255),
+    b: Math.round(N * 255)
+  };
+};
+class O {
+  constructor(t = {}) {
+    this._hue = 0, this._saturation = 100, this._value = 100, this._alpha = 100, this.enableAlpha = !1, this.format = "hex", this.value = "";
+    for (const e in t)
+      b(t, e) && (this[e] = t[e]);
+    t.value ? this.fromString(t.value) : this.doOnChange();
+  }
+  set(t, e) {
+    if (arguments.length === 1 && typeof t == "object") {
+      for (const s in t)
+        b(t, s) && this.set(s, t[s]);
+      return;
+    }
+    this[`_${t}`] = e, this.doOnChange();
+  }
+  get(t) {
+    return t === "alpha" ? Math.floor(this[`_${t}`]) : this[`_${t}`];
+  }
+  toRgb() {
+    return u(this._hue, this._saturation, this._value);
+  }
+  fromString(t) {
+    if (!t) {
+      this._hue = 0, this._saturation = 100, this._value = 100, this.doOnChange();
+      return;
+    }
+    const e = (s, n, h) => {
+      this._hue = Math.max(0, Math.min(360, s)), this._saturation = Math.max(0, Math.min(100, n)), this._value = Math.max(0, Math.min(100, h)), this.doOnChange();
+    };
+    if (t.includes("hsl")) {
+      const s = t.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((n) => n !== "").map(
+        (n, h) => h > 2 ? Number.parseFloat(n) : Number.parseInt(n, 10)
+      );
+      if (s.length === 4 ? this._alpha = Number.parseFloat(s[3]) * 100 : s.length === 3 && (this._alpha = 100), s.length >= 3) {
+        const { h: n, s: h, v: r } = k(s[0], s[1], s[2]);
+        e(n, h, r);
+      }
+    } else if (t.includes("hsv")) {
+      const s = t.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((n) => n !== "").map(
+        (n, h) => h > 2 ? Number.parseFloat(n) : Number.parseInt(n, 10)
+      );
+      s.length === 4 ? this._alpha = Number.parseFloat(s[3]) * 100 : s.length === 3 && (this._alpha = 100), s.length >= 3 && e(s[0], s[1], s[2]);
+    } else if (t.includes("rgb")) {
+      const s = t.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((n) => n !== "").map(
+        (n, h) => h > 2 ? Number.parseFloat(n) : Number.parseInt(n, 10)
+      );
+      if (s.length === 4 ? this._alpha = Number.parseFloat(s[3]) * 100 : s.length === 3 && (this._alpha = 100), s.length >= 3) {
+        const { h: n, s: h, v: r } = M(s[0], s[1], s[2]);
+        e(n, h, r);
+      }
+    } else if (t.includes("#")) {
+      const s = t.replace("#", "").trim();
+      if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(s))
+        return;
+      let n, h, r;
+      s.length === 3 ? (n = c(s[0] + s[0]), h = c(s[1] + s[1]), r = c(s[2] + s[2])) : (s.length === 6 || s.length === 8) && (n = c(s.slice(0, 2)), h = c(s.slice(2, 4)), r = c(s.slice(4, 6))), s.length === 8 ? this._alpha = c(s.slice(6)) / 255 * 100 : (s.length === 3 || s.length === 6) && (this._alpha = 100);
+      const { h: i, s: o, v: m } = M(n, h, r);
+      e(i, o, m);
+    }
+  }
+  compare(t) {
+    return Math.abs(t._hue - this._hue) < 2 && Math.abs(t._saturation - this._saturation) < 1 && Math.abs(t._value - this._value) < 1 && Math.abs(t._alpha - this._alpha) < 1;
+  }
+  doOnChange() {
+    const { _hue: t, _saturation: e, _value: s, _alpha: n, format: h } = this;
+    if (this.enableAlpha)
+      switch (h) {
+        case "hsl": {
+          const r = _(t, e / 100, s / 100);
+          this.value = `hsla(${t}, ${Math.round(
+            r[1] * 100
+          )}%, ${Math.round(r[2] * 100)}%, ${this.get("alpha") / 100})`;
+          break;
+        }
+        case "hsv": {
+          this.value = `hsva(${t}, ${Math.round(e)}%, ${Math.round(
+            s
+          )}%, ${this.get("alpha") / 100})`;
+          break;
+        }
+        case "hex": {
+          this.value = `${$(u(t, e, s))}${f(
+            n * 255 / 100
+          )}`;
+          break;
+        }
+        default: {
+          const { r, g: i, b: o } = u(t, e, s);
+          this.value = `rgba(${r}, ${i}, ${o}, ${this.get("alpha") / 100})`;
+        }
+      }
+    else
+      switch (h) {
+        case "hsl": {
+          const r = _(t, e / 100, s / 100);
+          this.value = `hsl(${t}, ${Math.round(r[1] * 100)}%, ${Math.round(
+            r[2] * 100
+          )}%)`;
+          break;
+        }
+        case "hsv": {
+          this.value = `hsv(${t}, ${Math.round(e)}%, ${Math.round(
+            s
+          )}%)`;
+          break;
+        }
+        case "rgb": {
+          const { r, g: i, b: o } = u(t, e, s);
+          this.value = `rgb(${r}, ${i}, ${o})`;
+          break;
+        }
+        default:
+          this.value = $(u(t, e, s));
+      }
+  }
+}
+export {
+  O as default
+};

package/es/packages/components/color-picker/utils/draggable.js

@@ -0,0 +1,20 @@
+import { isClient as a } from "@vueuse/core";
+let d = !1;
+function v(m, e) {
+  if (!a)
+    return;
+  const u = function(n) {
+    var t;
+    (t = e.drag) == null || t.call(e, n);
+  }, r = function(n) {
+    var t;
+    document.removeEventListener("mousemove", u), document.removeEventListener("mouseup", r), document.removeEventListener("touchmove", u), document.removeEventListener("touchend", r), document.onselectstart = null, document.ondragstart = null, d = !1, (t = e.end) == null || t.call(e, n);
+  }, c = function(n) {
+    var t;
+    d || (n.preventDefault(), document.onselectstart = () => !1, document.ondragstart = () => !1, document.addEventListener("mousemove", u), document.addEventListener("mouseup", r), document.addEventListener("touchmove", u), document.addEventListener("touchend", r), d = !0, (t = e.start) == null || t.call(e, n));
+  };
+  m.addEventListener("mousedown", c), m.addEventListener("touchstart", c);
+}
+export {
+  v as draggable
+};

package/es/packages/components/config-provider/config-provider.vue2.js

@@ -0,0 +1,76 @@
+import { defineComponent as s, watch as o, computed as d, onActivated as f, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, openBlock as b, createElementBlock as v, normalizeClass as C, unref as r, normalizeStyle as V, renderSlot as k } from "vue";
+import { inBrowser as B, kebabCase as D } from "@vft/utils";
+import { useNamespace as E } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { provideGlobalConfig as L } from "./hooks/use-global-config.js";
+import { messageConfig as S } from "./constants.js";
+const i = (
+  /* hoist-static*/
+  E("config-provider")
+), T = s({
+  name: i.b()
+}), N = /* @__PURE__ */ s({
+  ...T,
+  props: {
+    theme: { default: "light" },
+    themeVars: null,
+    themeVarsDark: null,
+    themeVarsLight: null,
+    iconPrefix: null,
+    namespace: { default: "vft" },
+    zIndex: null,
+    message: null,
+    projectCfg: null,
+    button: null
+  },
+  setup(t) {
+    o(
+      () => t.message,
+      (e) => {
+        Object.assign(S, e ?? {});
+      },
+      { immediate: !0, deep: !0 }
+    );
+    const c = d(() => {
+      const e = t.theme === "dark";
+      return l({
+        ...t.themeVars,
+        ...e ? t.themeVarsDark : t.themeVarsLight
+      });
+    });
+    if (B) {
+      const e = () => {
+        document.documentElement.classList.add(t.theme);
+      }, n = (m = t.theme) => {
+        document.documentElement.classList.remove(m);
+      };
+      o(
+        () => t.theme,
+        (m, a) => {
+          a && n(a), e();
+        },
+        { immediate: !0 }
+      ), f(e), h(n), g(n);
+    }
+    function l(e) {
+      const n = {};
+      return Object.keys(e).forEach((m) => {
+        n[`--${t.namespace}-${D(m)}`] = e[m];
+      }), n;
+    }
+    const u = p();
+    return L(u.props), (e, n) => (b(), v("div", {
+      class: C(r(i).b()),
+      style: V(r(c))
+    }, [
+      k(e.$slots, "default")
+    ], 6));
+  }
+});
+export {
+  N as default
+};

package/es/packages/components/config-provider/hooks/use-global-config.js

@@ -0,0 +1,67 @@
+import { ref as v, getCurrentInstance as l, inject as p, computed as i, provide as g, unref as x } from "vue";
+import { keysOf as a } from "@vft/utils";
+import { debugWarn as C } from "../../../utils/error.js";
+import "lodash";
+import "@vueuse/core";
+import "../../../utils/ns-cover.js";
+import { useNamespace as b, defaultNamespace as I, namespaceContextKey as y } from "../../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import { useZIndex as G, defaultInitialZIndex as z, zIndexContextKey as K } from "../../../hooks/use-z-index/index.js";
+import { configProviderContextKey as m } from "../constants.js";
+const c = v();
+function d(t, o = void 0) {
+  const r = l() ? p(m, c) : c;
+  return t ? i(() => {
+    var n;
+    return ((n = r.value) == null ? void 0 : n[t]) ?? o;
+  }) : r;
+}
+function q(t) {
+  const o = d(), r = b(
+    t,
+    i(() => {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.namespace) || I;
+    })
+  ), n = G(
+    i(() => {
+      var e;
+      return ((e = o.value) == null ? void 0 : e.zIndex) || z;
+    })
+  );
+  return {
+    ns: r,
+    zIndex: n
+  };
+}
+const A = (t, o, r = !1) => {
+  const n = !!l(), e = n ? d() : void 0, u = (o == null ? void 0 : o.provide) ?? (n ? g : void 0);
+  if (!u) {
+    C(
+      "provideGlobalConfig",
+      "provideGlobalConfig() can only be used inside setup()."
+    );
+    return;
+  }
+  const s = i(() => {
+    const f = x(t);
+    return e != null && e.value ? S(e.value, f) : f;
+  });
+  return u(m, s), u(
+    y,
+    i(() => s.value.namespace)
+  ), u(
+    K,
+    i(() => s.value.zIndex)
+  ), (r || !c.value) && (c.value = s.value), s;
+}, S = (t, o) => {
+  const r = [.../* @__PURE__ */ new Set([...a(t), ...a(o)])], n = {};
+  for (const e of r)
+    n[e] = o[e] ?? t[e];
+  return n;
+};
+export {
+  A as provideGlobalConfig,
+  q as useGlobalComponentSettings,
+  d as useGlobalConfig
+};

package/es/packages/components/config-provider/index.js

@@ -0,0 +1,19 @@
+import { withInstall as o } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import t from "./config-provider.vue2.js";
+import { configProviderContextKey as g, messageConfig as C } from "./constants.js";
+import { provideGlobalConfig as x, useGlobalComponentSettings as b, useGlobalConfig as c } from "./hooks/use-global-config.js";
+const l = o(t);
+export {
+  l as VftConfigProvider,
+  g as configProviderContextKey,
+  l as default,
+  C as messageConfig,
+  x as provideGlobalConfig,
+  b as useGlobalComponentSettings,
+  c as useGlobalConfig
+};

package/es/packages/components/context-menu/context-menu.vue2.js

@@ -0,0 +1,146 @@
+import { defineComponent as w, ref as u, computed as y, openBlock as n, createBlock as d, Transition as k, withCtx as C, withDirectives as b, createElementVNode as c, normalizeStyle as g, unref as l, withModifiers as M, createElementBlock as $, Fragment as z, renderList as B, vShow as E } from "vue";
+import { useTimeoutFn as S, useClickAway as A, useEventListener as a } from "@vft/use";
+import "../divider/index.js";
+import "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+import "../result/index.js";
+import "../tabs/index.js";
+import "../popper/index.js";
+import "../collapse-transition/index.js";
+import "../tooltip/index.js";
+import "../popover/index.js";
+import { VftMenuItem as F } from "../menu/index.js";
+import "@vft/utils";
+import "../multiple-tabs/multiple-tabs.vue2.js";
+import "@vft/router";
+import "@vft/store";
+import "vue-router";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "../back-top/index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../md-container/index.js";
+import "../md-comment/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../message/index.js";
+import "../config-provider/hooks/use-global-config.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+const H = { class: "vft-sub-menu" }, Qt = /* @__PURE__ */ w({
+  __name: "context-menu",
+  props: {
+    axis: null,
+    styles: null,
+    width: null,
+    items: null
+  },
+  setup(r) {
+    let s = u();
+    const f = y(() => {
+      const { x: t, y: i } = r.axis || { x: 0, y: 0 }, o = (r.items || []).length * 40, m = r.width || 0, p = document.body, v = p.clientWidth < t + m ? t - m : t, h = p.clientHeight < i + o ? i - o : i;
+      return {
+        zIndex: 3e3,
+        ...r.styles,
+        position: "fixed",
+        width: `${r.width}px`,
+        left: `${v + 1}px`,
+        top: `${h + 1}px`
+      };
+    });
+    let e = u(!1);
+    S(() => {
+      e.value = !0;
+    }, 0), A(s, () => {
+      e.value = !1;
+    }, {
+      listenerOptions: {
+        capture: !0
+      }
+    }), a(window, "scroll", () => {
+      e.value = !1;
+    }, {
+      capture: !0
+    }), a(window, "drag", () => {
+      e.value = !1;
+    }, {
+      capture: !0
+    });
+    function x(t) {
+      var i;
+      t != null && t.disabled || ((i = t.handler) == null || i.call(t), e.value = !1);
+    }
+    return (t, i) => (n(), d(k, { name: "vft-zoom-in-top" }, {
+      default: C(() => [
+        b(c("div", {
+          ref_key: "contextMenuRef",
+          ref: s,
+          style: g(l(f)),
+          onClick: i[0] || (i[0] = M(() => {
+          }, ["stop"])),
+          class: "vft-menu"
+        }, [
+          c("div", H, [
+            (n(!0), $(z, null, B(r.items, (o, m) => (n(), d(l(F), {
+              onClick: (p) => x(o),
+              index: m + o.text,
+              title: o.text,
+              divider: o.divider,
+              disabled: o.disabled,
+              icon: o.iconCfg,
+              isAloneUse: "",
+              key: m
+            }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
+          ])
+        ], 4), [
+          [E, l(e)]
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  Qt as default
+};