vft 0.0.48 → 0.0.51

package/es/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/components/color-picker/utils/draggable.d.ts

@@ -0,0 +1,6 @@
+export interface DraggableOptions {
+    drag?: (event: MouseEvent | TouchEvent) => void;
+    start?: (event: MouseEvent | TouchEvent) => void;
+    end?: (event: MouseEvent | TouchEvent) => void;
+}
+export declare function draggable(element: HTMLElement, options: DraggableOptions): void;

package/es/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/components/config-provider/config-provider.vue.d.ts

@@ -1,5 +1,26 @@
 import type { PropType as __PropType } from 'vue';
+import { type ButtonConfigContext } from 'vft/es/components/button';
 import type { MessageConfigContext } from 'vft/es/components/message';
+export interface ConfigProviderProps {
+    /** 主题风格 */
+    theme?: Theme;
+    /** 自定义主题变量 */
+    themeVars?: Record<string, Numberish>;
+    /** 仅在深色模式下生效的主题变量 */
+    themeVarsDark?: Record<string, Numberish>;
+    /** 仅在浅色模式下生效的主题变量 */
+    themeVarsLight?: Record<string, Numberish>;
+    /** 所有图标的类名前缀 */
+    iconPrefix?: string;
+    /** 组件公共命名 */
+    namespace?: string;
+    /** 设置所有弹窗类组件的 z-index */
+    zIndex?: number;
+    /** 可同时显示的消息最大数量 */
+    message?: MessageConfigContext;
+    projectCfg?: Record<string, any>;
+    button?: ButtonConfigContext;
+}
 declare const _sfc_main: import("vue").DefineComponent<{
     theme: {
         type: __PropType<Theme | undefined>;
@@ -37,6 +58,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<Record<string, any> | undefined>;
         required: false;
     };
+    button: {
+        type: __PropType<ButtonConfigContext | undefined>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
         type: __PropType<Theme | undefined>;
@@ -74,5 +99,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<Record<string, any> | undefined>;
         required: false;
     };
+    button: {
+        type: __PropType<ButtonConfigContext | undefined>;
+        required: false;
+    };
 }>>, {}>;
 export default _sfc_main;

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

@@ -1,4 +1,4 @@
-import { defineComponent as s, watch as r, computed as d, onActivated as f, onDeactivated as h, onBeforeUnmount as g, getCurrentInstance as p, openBlock as v, createElementBlock as C, normalizeClass as V, unref as o, normalizeStyle as b, renderSlot as k } from "vue";
+import { defineComponent as s, watch as r, computed as d, onActivated as f, onDeactivated as h, onBeforeUnmount as p, getCurrentInstance as g, openBlock as b, createElementBlock as v, normalizeClass as C, unref as a, 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";
@@ -6,6 +6,8 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 import { provideGlobalConfig as L } from "./hooks/use-global-config.js";
 import { messageConfig as S } from "./constants.js";
 const i = (
@@ -13,7 +15,7 @@ const i = (
   E("config-provider")
 ), T = s({
   name: i.b()
-}), N = /* @__PURE__ */ s({
+}), U = /* @__PURE__ */ s({
   ...T,
   props: {
     theme: { default: "light" },
@@ -24,7 +26,8 @@ const i = (
     namespace: { default: "vft" },
     zIndex: null,
     message: null,
-    projectCfg: null
+    projectCfg: null,
+    button: null
   },
   setup(t) {
     r(
@@ -49,11 +52,11 @@ const i = (
       };
       r(
         () => t.theme,
-        (m, a) => {
-          a && n(a), e();
+        (m, o) => {
+          o && n(o), e();
         },
         { immediate: !0 }
-      ), f(e), h(n), g(n);
+      ), f(e), h(n), p(n);
     }
     function l(e) {
       const n = {};
@@ -61,15 +64,15 @@ const i = (
         n[`--${t.namespace}-${D(m)}`] = e[m];
       }), n;
     }
-    const u = p();
-    return L(u.props), (e, n) => (v(), C("div", {
-      class: V(o(i).b()),
-      style: b(o(c))
+    const u = g();
+    return L(u.props), (e, n) => (b(), v("div", {
+      class: C(a(i).b()),
+      style: V(a(c))
     }, [
       k(e.$slots, "default")
     ], 6));
   }
 });
 export {
-  N as default
+  U as default
 };

package/es/components/config-provider/constants.d.ts

@@ -1,4 +1,4 @@
-import type { ConfigProviderProps } from './types';
+import type { ConfigProviderProps } from './config-provider.vue';
 import type { InjectionKey, Ref } from 'vue';
 import type { MessageConfigContext } from 'vft/es/components/message';
 export type ConfigProviderContext = Partial<ConfigProviderProps>;

package/es/components/config-provider/hooks/use-global-config.d.ts

@@ -28,4 +28,4 @@ export declare function useGlobalComponentSettings(block: string): {
         nextZIndex: () => number;
     };
 };
-export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => import("vue").ComputedRef<Partial<import("..").ConfigProviderProps>> | undefined;
+export declare const provideGlobalConfig: (config: MaybeRef<ConfigProviderContext>, app?: App, global?: boolean) => import("vue").ComputedRef<Partial<import("../config-provider.vue").ConfigProviderProps>> | undefined;

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

@@ -1,22 +1,24 @@
-import { ref as v, getCurrentInstance as l, inject as p, computed as i, provide as g, unref as x } from "vue";
+import { ref as p, getCurrentInstance as l, inject as v, 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 "../../../utils/ns-cover.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 "@vueuse/core";
+import "@vue/reactivity";
+import "@vue/shared";
 import { configProviderContextKey as m } from "../constants.js";
-const c = v();
+const c = p();
 function d(t, o = void 0) {
-  const r = l() ? p(m, c) : c;
+  const r = l() ? v(m, c) : c;
   return t ? i(() => {
     var n;
     return ((n = r.value) == null ? void 0 : n[t]) ?? o;
   }) : r;
 }
-function q(t) {
+function B(t) {
   const o = d(), r = b(
     t,
     i(() => {
@@ -34,7 +36,7 @@ function q(t) {
     zIndex: n
   };
 }
-const A = (t, o, r = !1) => {
+const D = (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(
@@ -61,7 +63,7 @@ const A = (t, o, r = !1) => {
   return n;
 };
 export {
-  A as provideGlobalConfig,
-  q as useGlobalComponentSettings,
+  D as provideGlobalConfig,
+  B as useGlobalComponentSettings,
   d as useGlobalConfig
 };

package/es/components/config-provider/index.d.ts

@@ -35,6 +35,10 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<im
         type: import("vue").PropType<Record<string, any> | undefined>;
         required: false;
     };
+    button: {
+        type: import("vue").PropType<import("..").ButtonConfigContext | undefined>;
+        required: false;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
         type: import("vue").PropType<Theme | undefined>;
@@ -72,8 +76,11 @@ export declare const VftConfigProvider: import("vft/es/utils").SFCWithInstall<im
         type: import("vue").PropType<Record<string, any> | undefined>;
         required: false;
     };
+    button: {
+        type: import("vue").PropType<import("..").ButtonConfigContext | undefined>;
+        required: false;
+    };
 }>>, {}>> & Record<string, any>;
 export default VftConfigProvider;
 export * from './constants';
 export * from './hooks/use-global-config';
-export * from './types';

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as w, ref as u, computed as y, openBlock as p, 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 { 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";
@@ -40,6 +40,22 @@ 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 "../image-viewer/index.js";
 import "../md-container/index.js";
 import "../md-comment/index.js";
 import "../md-tabs/index.js";
@@ -53,7 +69,9 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-const H = { class: "vft-sub-menu" }, Lt = /* @__PURE__ */ w({
+import "@vue/reactivity";
+import "@vue/shared";
+const H = { class: "vft-sub-menu" }, Zt = /* @__PURE__ */ w({
   __name: "context-menu",
   props: {
     axis: null,
@@ -61,65 +79,65 @@ const H = { class: "vft-sub-menu" }, Lt = /* @__PURE__ */ w({
     width: null,
     items: null
   },
-  setup(o) {
+  setup(r) {
     let s = u();
     const f = y(() => {
-      const { x: t, y: e } = o.axis || { x: 0, y: 0 }, i = (o.items || []).length * 40, n = o.width || 0, m = document.body, v = m.clientWidth < t + n ? t - n : t, h = m.clientHeight < e + i ? e - i : e;
+      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,
-        ...o.styles,
+        ...r.styles,
         position: "fixed",
-        width: `${o.width}px`,
+        width: `${r.width}px`,
         left: `${v + 1}px`,
         top: `${h + 1}px`
       };
     });
-    let r = u(!1);
+    let e = u(!1);
     S(() => {
-      r.value = !0;
+      e.value = !0;
     }, 0), A(s, () => {
-      r.value = !1;
+      e.value = !1;
     }, {
       listenerOptions: {
         capture: !0
       }
     }), a(window, "scroll", () => {
-      r.value = !1;
+      e.value = !1;
     }, {
       capture: !0
     }), a(window, "drag", () => {
-      r.value = !1;
+      e.value = !1;
     }, {
       capture: !0
     });
     function x(t) {
-      var e;
-      t != null && t.disabled || ((e = t.handler) == null || e.call(t), r.value = !1);
+      var i;
+      t != null && t.disabled || ((i = t.handler) == null || i.call(t), e.value = !1);
     }
-    return (t, e) => (p(), d(k, { name: "vft-zoom-in-top" }, {
+    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: e[0] || (e[0] = M(() => {
+          onClick: i[0] || (i[0] = M(() => {
           }, ["stop"])),
           class: "vft-menu"
         }, [
           c("div", H, [
-            (p(!0), $(z, null, B(o.items, (i, n) => (p(), d(l(F), {
-              onClick: (m) => x(i),
-              index: n + i.text,
-              title: i.text,
-              divider: i.divider,
-              disabled: i.disabled,
-              icon: i.iconCfg,
+            (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: n
+              key: m
             }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
           ])
         ], 4), [
-          [E, l(r)]
+          [E, l(e)]
         ])
       ]),
       _: 1
@@ -127,5 +145,5 @@ const H = { class: "vft-sub-menu" }, Lt = /* @__PURE__ */ w({
   }
 });
 export {
-  Lt as default
+  Zt as default
 };

package/es/components/descriptions/description-item.vue2.js

@@ -6,13 +6,15 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
 const o = (
   /* hoist-static*/
   n("descriptions-item")
-), a = l({
+), r = l({
   name: o.b()
-}), b = /* @__PURE__ */ l({
-  ...a,
+}), N = /* @__PURE__ */ l({
+  ...r,
   props: {
     label: null,
     span: { default: 1 },
@@ -23,10 +25,10 @@ const o = (
     className: null,
     labelClassName: null
   },
-  setup(r) {
-    return (t, s) => e(t.$slots, "default");
+  setup(a) {
+    return (t, i) => e(t.$slots, "default");
   }
 });
 export {
-  b as default
+  N as default
 };