vft 0.0.69 → 0.0.71

package/es/components/clamp/clamp.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as T, ref as v, reactive as O, computed as r, watch as s, nextTick as E, onUnmounted as S, onMounted as F, openBlock as V, createElementBlock as q, normalizeStyle as D, unref as R, createElementVNode as B, renderSlot as M } from "vue";
+import { defineComponent as T, ref as v, reactive as S, computed as r, watch as s, nextTick as E, onUnmounted as p, onMounted as F, openBlock as V, createElementBlock as q, normalizeStyle as D, unref as R, createElementVNode as B, renderSlot as M } from "vue";
 import { addUnit as G } from "@vft/utils";
 import { addListener as I, removeListener as J } from "resize-detector";
 import { useNamespace as K } from "../../hooks/use-namespace/index.js";
@@ -7,14 +7,12 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 const P = ["aria-label"], Q = (
   /* hoist-static*/
   K("clamp")
 ), W = T({
   name: Q.b()
-}), ce = /* @__PURE__ */ T({
+}), ie = /* @__PURE__ */ T({
   ...W,
   props: {
     text: null,
@@ -27,7 +25,7 @@ const P = ["aria-label"], Q = (
   },
   emits: ["clamp-change", "update:expanded"],
   setup(e, { emit: y }) {
-    const a = v(null), u = v(null), m = v(null), l = O({
+    const a = v(null), u = v(null), m = v(null), l = S({
       offset: 0,
       localExpanded: e.expanded,
       unregisterResizeCallback: null
@@ -35,7 +33,7 @@ const P = ["aria-label"], Q = (
       if (!l.localExpanded && e.maxHeight)
         return G(e.maxHeight);
     }), k = () => {
-      m.value && (m.value.textContent = A.value);
+      m.value && (m.value.textContent = N.value);
     }, c = () => {
       l.localExpanded || (k(), (d() || n.value) && g());
     }, C = () => {
@@ -64,11 +62,11 @@ const P = ["aria-label"], Q = (
     }, h = (t) => {
       l.offset = t, k();
     }, j = () => {
-      p(), U();
-    }, p = () => {
+      U(), A();
+    }, U = () => {
       for (; (!d() || x() < 2) && l.offset < e.text.length; )
         b(1);
-    }, U = () => {
+    }, A = () => {
       for (; d() && x() > 1 && l.offset > 0; )
         b(-1);
     }, b = (t) => {
@@ -83,7 +81,7 @@ const P = ["aria-label"], Q = (
       },
       { immediate: !0 }
     );
-    const A = r(() => n.value ? N.value : e.text), N = r(() => {
+    const N = r(() => n.value ? O.value : e.text), O = r(() => {
       if (e.location === "start")
         return e.ellipsis + (e.text.slice(0, l.offset) || "").trim();
       if (e.location === "middle") {
@@ -122,7 +120,7 @@ const P = ["aria-label"], Q = (
           C();
         });
       }
-    ), S(() => {
+    ), p(() => {
       H();
     }), F(() => {
       C();
@@ -163,5 +161,5 @@ const P = ["aria-label"], Q = (
   }
 });
 export {
-  ce as default
+  ie as default
 };

package/es/components/clamp-toggle/clamp-toggle.vue2.js

@@ -1,20 +1,18 @@
-import { defineComponent as a, computed as r, openBlock as o, createBlock as c, unref as t, normalizeStyle as g, withCtx as u, createElementBlock as d, normalizeClass as x, toDisplayString as f, createCommentVNode as z } from "vue";
+import { defineComponent as a, computed as c, openBlock as o, createBlock as r, unref as t, normalizeStyle as g, withCtx as u, createElementBlock as d, normalizeClass as x, toDisplayString as f, createCommentVNode as z } from "vue";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
-import { generateCssVars as p } from "../../utils/ns-cover.js";
-import { useNamespace as C } from "../../hooks/use-namespace/index.js";
+import { generateCssVars as C } from "../../utils/ns-cover.js";
+import { useNamespace as p } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { VftClamp as y } from "../clamp/index.js";
 const h = ["onClick"], i = (
   /* hoist-static*/
-  C("clamp-toggle")
+  p("clamp-toggle")
 ), k = a({
   name: i.b()
-}), v = /* @__PURE__ */ a({
+}), j = /* @__PURE__ */ a({
   ...k,
   props: {
     text: null,
@@ -31,8 +29,8 @@ const h = ["onClick"], i = (
     toggleText: { default: ["展开", "收缩"] }
   },
   setup(e) {
-    const n = r(() => p({ color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize }, "clamp-toggle"));
-    return (B, S) => (o(), c(t(y), {
+    const n = c(() => C({ color: e.color, size: e.size, toggleColor: e.toggleColor, toggleSize: e.toggleSize }, "clamp-toggle"));
+    return (B, S) => (o(), r(t(y), {
       style: g(t(n)),
       text: e.text,
       maxHeight: e.maxHeight,
@@ -54,5 +52,5 @@ const h = ["onClick"], i = (
   }
 });
 export {
-  v as default
+  j as default
 };

package/es/components/collapse-transition/src/collapse-transition.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as o, openBlock as e, createBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as m, renderSlot as g } from "vue";
+import { defineComponent as o, openBlock as e, createBlock as s, Transition as i, mergeProps as n, unref as r, toHandlers as p, withCtx as g, renderSlot as m } from "vue";
 import { useNamespace as l } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,11 +6,9 @@ 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 f = o({
   name: "VtfCollapseTransition"
-}), O = /* @__PURE__ */ o({
+}), _ = /* @__PURE__ */ o({
   ...f,
   setup(y) {
     const a = l("collapse-transition"), d = {
@@ -36,13 +34,13 @@ const f = o({
     return (t, c) => (e(), s(i, n({
       name: r(a).b()
     }, p(d)), {
-      default: m(() => [
-        g(t.$slots, "default")
+      default: g(() => [
+        m(t.$slots, "default")
       ]),
       _: 3
     }, 16, ["name"]));
   }
 });
 export {
-  O as default
+  _ as default
 };

package/es/components/color-picker/color-picker.vue2.js

@@ -13,8 +13,6 @@ import "@vueuse/core";
 import "@vft/utils";
 import { debugWarn as _ } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { UPDATE_MODEL_EVENT as $, CHANGE_EVENT as be } from "../../constants/event.js";
 import he from "./components/alpha-slider.vue2.js";
 import { colorPickerContextKey as ke } from "./contants.js";
@@ -26,7 +24,7 @@ import { useFormItem as Ce, useFormItemInputId as Ve } from "../form/hooks/use-f
 import { useFormSize as Ee, useFormDisabled as Ae } from "../form/hooks/use-form-common-props.js";
 const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex", "onKeydown"], Se = G({
   name: "VftColorPicker"
-}), el = /* @__PURE__ */ G({
+}), Ye = /* @__PURE__ */ G({
   ...Se,
   props: {
     modelValue: null,
@@ -266,5 +264,5 @@ const xe = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
   }
 });
 export {
-  el as default
+  Ye as default
 };

package/es/components/color-picker/components/hue-slider.vue2.js

@@ -7,10 +7,8 @@ import { getClientXY as L } from "../../../utils/dom/position.js";
 import { useNamespace as V } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { draggable as v } from "../utils/draggable.js";
-const S = W({
+const O = W({
   name: "VftColorHueSlider",
   props: {
     color: {
@@ -98,5 +96,5 @@ const S = W({
   }
 });
 export {
-  S as default
+  O as default
 };

package/es/components/color-picker/components/predefine.vue2.js

@@ -6,11 +6,9 @@ import "../../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { colorPickerContextKey as h } from "../contants.js";
-import m from "../utils/color.js";
-const K = f({
+import a from "../utils/color.js";
+const _ = f({
   props: {
     colors: {
       type: Array,
@@ -22,11 +20,11 @@ const K = f({
     }
   },
   setup(o) {
-    const a = g("color-predefine"), { currentColor: i } = s(h), n = p(l(o.colors, o.color));
+    const m = g("color-predefine"), { currentColor: i } = s(h), n = p(l(o.colors, o.color));
     d(
       () => i.value,
       (e) => {
-        const t = new m();
+        const t = new a();
         t.fromString(e), n.value.forEach((c) => {
           c.selected = t.compare(c);
         });
@@ -39,17 +37,17 @@ const K = f({
     }
     function l(e, t) {
       return e.map((c) => {
-        const r = new m();
+        const r = new a();
         return r.enableAlpha = !0, r.format = "rgba", r.fromString(c), r.selected = r.value === t.value, r;
       });
     }
     return {
       rgbaColors: n,
       handleSelect: u,
-      ns: a
+      ns: m
     };
   }
 });
 export {
-  K as default
+  _ as default
 };

package/es/components/color-picker/components/sv-panel.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as f, getCurrentInstance as M, ref as d, computed as w, watch as C, onMounted as b } from "vue";
+import { defineComponent as p, getCurrentInstance as M, ref as d, computed as w, watch as C, onMounted as b } from "vue";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
@@ -7,10 +7,8 @@ import { getClientXY as x } from "../../../utils/dom/position.js";
 import { useNamespace as V } from "../../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../../hooks/use-z-index/index.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { draggable as X } from "../utils/draggable.js";
-const O = f({
+const L = p({
   name: "VftSlPanel",
   props: {
     color: {
@@ -19,29 +17,29 @@ const O = f({
     }
   },
   setup(o) {
-    const v = V("color-svpanel"), c = M(), a = d(0), i = d(0), g = d("hsl(0, 100%, 50%)"), p = w(() => {
-      const t = o.color.get("hue"), r = o.color.get("value");
-      return { hue: t, value: r };
+    const f = V("color-svpanel"), a = M(), r = d(0), i = d(0), g = d("hsl(0, 100%, 50%)"), v = w(() => {
+      const t = o.color.get("hue"), c = o.color.get("value");
+      return { hue: t, value: c };
     });
     function u() {
-      const t = o.color.get("saturation"), r = o.color.get("value"), e = c.vnode.el, { clientWidth: m, clientHeight: h } = e;
-      i.value = t * m / 100, a.value = (100 - r) * h / 100, g.value = `hsl(${o.color.get("hue")}, 100%, 50%)`;
+      const t = o.color.get("saturation"), c = o.color.get("value"), e = a.vnode.el, { clientWidth: m, clientHeight: h } = e;
+      i.value = t * m / 100, r.value = (100 - c) * h / 100, g.value = `hsl(${o.color.get("hue")}, 100%, 50%)`;
     }
     function s(t) {
-      const e = c.vnode.el.getBoundingClientRect(), { clientX: m, clientY: h } = x(t);
+      const e = a.vnode.el.getBoundingClientRect(), { clientX: m, clientY: h } = x(t);
       let n = m - e.left, l = h - e.top;
-      n = Math.max(0, n), n = Math.min(n, e.width), l = Math.max(0, l), l = Math.min(l, e.height), i.value = n, a.value = l, o.color.set({
+      n = Math.max(0, n), n = Math.min(n, e.width), l = Math.max(0, l), l = Math.min(l, e.height), i.value = n, r.value = l, o.color.set({
         saturation: n / e.width * 100,
         value: 100 - l / e.height * 100
       });
     }
     return C(
-      () => p.value,
+      () => v.value,
       () => {
         u();
       }
     ), b(() => {
-      X(c.vnode.el, {
+      X(a.vnode.el, {
         drag: (t) => {
           s(t);
         },
@@ -50,16 +48,16 @@ const O = f({
         }
       }), u();
     }), {
-      cursorTop: a,
+      cursorTop: r,
       cursorLeft: i,
       background: g,
-      colorValue: p,
+      colorValue: v,
       handleDrag: s,
       update: u,
-      ns: v
+      ns: f
     };
   }
 });
 export {
-  O as default
+  L as default
 };

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

@@ -7,10 +7,8 @@ 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 "@vue/reactivity";
-import "@vue/shared";
 import { draggable as W } from "../utils/draggable.js";
-const q = (e) => {
+const U = (e) => {
   const f = $(), t = M(), u = M();
   function h(i) {
     i.target !== t.value && r(i);
@@ -43,7 +41,7 @@ const q = (e) => {
     handleDrag: r,
     handleClick: h
   };
-}, z = (e, {
+}, j = (e, {
   bar: f,
   thumb: t,
   handleDrag: u
@@ -104,6 +102,6 @@ const q = (e) => {
   return { rootKls: C, barKls: k, barStyle: S, thumbKls: w, thumbStyle: T, update: g };
 };
 export {
-  q as useAlphaSlider,
-  z as useAlphaSliderDOM
+  U as useAlphaSlider,
+  j as useAlphaSliderDOM
 };

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

@@ -1,41 +1,44 @@
-import { hasOwn as b } from "@vft/utils";
-const _ = function(a, t, e) {
+var C = Object.defineProperty;
+var k = (a, t, e) => t in a ? C(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
+var c = (a, t, e) => (k(a, typeof t != "symbol" ? t + "" : t, e), e);
+import { hasOwn as _ } from "@vft/utils";
+const g = function(a, t, e) {
   return [
     a,
     t * e / ((a = (2 - t) * e) < 1 ? a : 2 - a) || 0,
     a / 2
   ];
-}, F = function(a) {
+}, A = function(a) {
   return typeof a == "string" && a.includes(".") && Number.parseFloat(a) === 1;
-}, C = function(a) {
+}, O = function(a) {
   return typeof a == "string" && a.includes("%");
-}, l = function(a, t) {
-  F(a) && (a = "100%");
-  const e = C(a);
+}, u = function(a, t) {
+  A(a) && (a = "100%");
+  const e = O(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) => {
+}, m = (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 = {
+  return `${$[t] || t}${$[e] || e}`;
+}, M = function({ r: a, g: t, b: e }) {
+  return Number.isNaN(+a) || Number.isNaN(+t) || Number.isNaN(+e) ? "" : `#${m(a)}${m(t)}${m(e)}`;
+}, b = {
   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) {
+}, l = function(a) {
+  return a.length === 2 ? (b[a[0].toUpperCase()] || +a[0]) * 16 + (b[a[1].toUpperCase()] || +a[1]) : b[a[1].toUpperCase()] || +a[1];
+}, I = function(a, t, e) {
   t = t / 100, e = e / 100;
   let s = t;
   const n = Math.max(e, 0.01);
@@ -46,8 +49,8 @@ const _ = function(a, t, e) {
     s: r * 100,
     v: h * 100
   };
-}, M = (a, t, e) => {
-  a = l(a, 255), t = l(t, 255), e = l(e, 255);
+}, d = (a, t, e) => {
+  a = u(a, 255), t = u(t, 255), e = u(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;
@@ -71,26 +74,33 @@ const _ = function(a, t, e) {
     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];
+}, f = function(a, t, e) {
+  a = u(a, 360) * 6, t = u(t, 100), e = u(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, p = [e, r, h, h, i, e][o], N = [i, e, e, r, h, h][o], F = [h, h, i, e, e, r][o];
   return {
-    r: Math.round(m * 255),
-    g: Math.round(d * 255),
-    b: Math.round(N * 255)
+    r: Math.round(p * 255),
+    g: Math.round(N * 255),
+    b: Math.round(F * 255)
   };
 };
-class O {
+class P {
   constructor(t = {}) {
-    this._hue = 0, this._saturation = 100, this._value = 100, this._alpha = 100, this.enableAlpha = !1, this.format = "hex", this.value = "";
+    c(this, "_hue", 0);
+    c(this, "_saturation", 100);
+    c(this, "_value", 100);
+    c(this, "_alpha", 100);
+    c(this, "enableAlpha", !1);
+    c(this, "format", "hex");
+    c(this, "value", "");
+    c(this, "selected");
     for (const e in t)
-      b(t, e) && (this[e] = t[e]);
+      _(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]);
+        _(t, s) && this.set(s, t[s]);
       return;
     }
     this[`_${t}`] = e, this.doOnChange();
@@ -99,7 +109,7 @@ class O {
     return t === "alpha" ? Math.floor(this[`_${t}`]) : this[`_${t}`];
   }
   toRgb() {
-    return u(this._hue, this._saturation, this._value);
+    return f(this._hue, this._saturation, this._value);
   }
   fromString(t) {
     if (!t) {
@@ -114,7 +124,7 @@ class O {
         (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]);
+        const { h: n, s: h, v: r } = I(s[0], s[1], s[2]);
         e(n, h, r);
       }
     } else if (t.includes("hsv")) {
@@ -127,7 +137,7 @@ class O {
         (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]);
+        const { h: n, s: h, v: r } = d(s[0], s[1], s[2]);
         e(n, h, r);
       }
     } else if (t.includes("#")) {
@@ -135,9 +145,9 @@ class O {
       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);
+      s.length === 3 ? (n = l(s[0] + s[0]), h = l(s[1] + s[1]), r = l(s[2] + s[2])) : (s.length === 6 || s.length === 8) && (n = l(s.slice(0, 2)), h = l(s.slice(2, 4)), r = l(s.slice(4, 6))), s.length === 8 ? this._alpha = l(s.slice(6)) / 255 * 100 : (s.length === 3 || s.length === 6) && (this._alpha = 100);
+      const { h: i, s: o, v: p } = d(n, h, r);
+      e(i, o, p);
     }
   }
   compare(t) {
@@ -148,7 +158,7 @@ class O {
     if (this.enableAlpha)
       switch (h) {
         case "hsl": {
-          const r = _(t, e / 100, s / 100);
+          const r = g(t, e / 100, s / 100);
           this.value = `hsla(${t}, ${Math.round(
             r[1] * 100
           )}%, ${Math.round(r[2] * 100)}%, ${this.get("alpha") / 100})`;
@@ -161,20 +171,20 @@ class O {
           break;
         }
         case "hex": {
-          this.value = `${$(u(t, e, s))}${f(
+          this.value = `${M(f(t, e, s))}${m(
             n * 255 / 100
           )}`;
           break;
         }
         default: {
-          const { r, g: i, b: o } = u(t, e, s);
+          const { r, g: i, b: o } = f(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);
+          const r = g(t, e / 100, s / 100);
           this.value = `hsl(${t}, ${Math.round(r[1] * 100)}%, ${Math.round(
             r[2] * 100
           )}%)`;
@@ -187,15 +197,15 @@ class O {
           break;
         }
         case "rgb": {
-          const { r, g: i, b: o } = u(t, e, s);
+          const { r, g: i, b: o } = f(t, e, s);
           this.value = `rgb(${r}, ${i}, ${o})`;
           break;
         }
         default:
-          this.value = $(u(t, e, s));
+          this.value = M(f(t, e, s));
       }
   }
 }
 export {
-  O as default
+  P as default
 };

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 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 { 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";
@@ -6,8 +6,6 @@ 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 = (
@@ -15,7 +13,7 @@ const i = (
   E("config-provider")
 ), T = s({
   name: i.b()
-}), U = /* @__PURE__ */ s({
+}), N = /* @__PURE__ */ s({
   ...T,
   props: {
     theme: { default: "light" },
@@ -30,7 +28,7 @@ const i = (
     button: null
   },
   setup(t) {
-    r(
+    o(
       () => t.message,
       (e) => {
         Object.assign(S, e ?? {});
@@ -50,13 +48,13 @@ const i = (
       }, n = (m = t.theme) => {
         document.documentElement.classList.remove(m);
       };
-      r(
+      o(
         () => t.theme,
-        (m, o) => {
-          o && n(o), e();
+        (m, a) => {
+          a && n(a), e();
         },
         { immediate: !0 }
-      ), f(e), h(n), p(n);
+      ), f(e), h(n), g(n);
     }
     function l(e) {
       const n = {};
@@ -64,15 +62,15 @@ const i = (
         n[`--${t.namespace}-${D(m)}`] = e[m];
       }), n;
     }
-    const u = g();
+    const u = p();
     return L(u.props), (e, n) => (b(), v("div", {
-      class: C(a(i).b()),
-      style: V(a(c))
+      class: C(r(i).b()),
+      style: V(r(c))
     }, [
       k(e.$slots, "default")
     ], 6));
   }
 });
 export {
-  U as default
+  N as default
 };