vft 0.0.89 → 0.0.91

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

@@ -1,84 +1,84 @@
-import { defineComponent as N, useSlots as E, getCurrentInstance as w, provide as z, computed as V, openBlock as p, createElementBlock as d, normalizeClass as n, unref as i, createElementVNode as u, renderSlot as v, createTextVNode as k, toDisplayString as C, createCommentVNode as D, Fragment as I, renderList as K, createBlock as F } from "vue";
+import { defineComponent as N, useSlots as w, getCurrentInstance as z, provide as V, computed as D, openBlock as u, createElementBlock as d, normalizeClass as a, unref as i, createElementVNode as c, renderSlot as g, createTextVNode as k, toDisplayString as C, createCommentVNode as I, Fragment as K, renderList as F, createBlock as L } from "vue";
 import "@vft/utils";
-import { flattedChildren as L } from "../../utils/vue/vnode.js";
+import { flattedChildren as R } from "../../utils/vue/vnode.js";
 import "lodash";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import { useNamespace as R } from "../../hooks/use-namespace/index.js";
+import { useNamespace as T } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import T from "./descriptions-row.vue2.js";
-import { descriptionsKey as j } from "./token.js";
-const o = (
+import j from "./descriptions-row.vue2.js";
+import { descriptionsKey as q } from "./token.js";
+const l = (
   /* hoist-static*/
-  R("descriptions")
-), q = N({
-  name: o.b()
-}), Y = /* @__PURE__ */ N({
-  ...q,
+  T("descriptions")
+), A = N({
+  name: l.b()
+}), Z = /* @__PURE__ */ N({
+  ...A,
   props: {
     border: { type: Boolean, default: !1 },
     column: { default: 3 },
     direction: { default: "horizontal" },
-    size: null,
-    title: null,
-    extra: null
+    size: {},
+    title: {},
+    extra: {}
   },
-  setup(s) {
-    const f = E(), S = w();
-    z(j, S.props);
-    const $ = V(() => [o.b(), o.m("small")]), h = (t, a, e, l = !1) => (t.props || (t.props = {}), a > e && (t.props.span = e), l && (t.props.span = a), t), x = () => {
+  setup(m) {
+    const f = w(), S = z();
+    V(q, S.props);
+    const $ = D(() => [l.b(), l.m("small")]), h = (e, o, t, r = !1) => (e.props || (e.props = {}), o > t && (e.props.span = t), r && (e.props.span = o), e), B = () => {
       var y;
-      const t = L((y = f.default) == null ? void 0 : y.call(f)).filter(
-        (r) => {
-          var c;
-          return ((c = r == null ? void 0 : r.type) == null ? void 0 : c.name) === "ElDescriptionsItem";
+      const e = R((y = f.default) == null ? void 0 : y.call(f)).filter(
+        (s) => {
+          var n;
+          return ((n = s == null ? void 0 : s.type) == null ? void 0 : n.name) === "ElDescriptionsItem";
         }
-      ), a = [];
-      let e = [], l = s.column, b = 0;
-      return t.forEach((r, c) => {
-        var g;
-        const m = ((g = r == null ? void 0 : r.props) == null ? void 0 : g.span) || 1;
-        if (c < t.length - 1 && (b += m > l ? l : m), c === t.length - 1) {
-          const B = s.column - b % s.column;
-          e.push(h(r, B, l, !0)), a.push(e);
+      ), o = [];
+      let t = [], r = m.column, b = 0;
+      return e.forEach((s, n) => {
+        var v;
+        const p = ((v = s == null ? void 0 : s.props) == null ? void 0 : v.span) || 1;
+        if (n < e.length - 1 && (b += p > r ? r : p), n === e.length - 1) {
+          const E = m.column - b % m.column;
+          t.push(h(s, E, r, !0)), o.push(t);
           return;
         }
-        m < l ? (l -= m, e.push(r)) : (e.push(h(r, m, l)), a.push(e), l = s.column, e = []);
-      }), a;
+        p < r ? (r -= p, t.push(s)) : (t.push(h(s, p, r)), o.push(t), r = m.column, t = []);
+      }), o;
     };
-    return (t, a) => (p(), d("div", {
-      class: n(i($))
+    return (e, o) => (u(), d("div", {
+      class: a($.value)
     }, [
-      s.title || s.extra || t.$slots.title || t.$slots.extra ? (p(), d("div", {
+      e.title || e.extra || e.$slots.title || e.$slots.extra ? (u(), d("div", {
         key: 0,
-        class: n(i(o).e("header"))
+        class: a(i(l).e("header"))
       }, [
-        u("div", {
-          class: n(i(o).e("title"))
+        c("div", {
+          class: a(i(l).e("title"))
         }, [
-          v(t.$slots, "title", {}, () => [
-            k(C(s.title), 1)
+          g(e.$slots, "title", {}, () => [
+            k(C(e.title), 1)
           ])
         ], 2),
-        u("div", {
-          class: n(i(o).e("extra"))
+        c("div", {
+          class: a(i(l).e("extra"))
         }, [
-          v(t.$slots, "extra", {}, () => [
-            k(C(s.extra), 1)
+          g(e.$slots, "extra", {}, () => [
+            k(C(e.extra), 1)
           ])
         ], 2)
-      ], 2)) : D("", !0),
-      u("div", {
-        class: n(i(o).e("body"))
+      ], 2)) : I("", !0),
+      c("div", {
+        class: a(i(l).e("body"))
       }, [
-        u("table", {
-          class: n([i(o).e("table"), i(o).is("bordered", s.border)])
+        c("table", {
+          class: a([i(l).e("table"), i(l).is("bordered", e.border)])
         }, [
-          u("tbody", null, [
-            (p(!0), d(I, null, K(x(), (e, l) => (p(), F(T, {
-              key: l,
-              row: e
+          c("tbody", null, [
+            (u(!0), d(K, null, F(B(), (t, r) => (u(), L(j, {
+              key: r,
+              row: t
             }, null, 8, ["row"]))), 128))
           ])
         ], 2)
@@ -87,5 +87,5 @@ const o = (
   }
 });
 export {
-  Y as default
+  Z as default
 };

package/es/components/descriptions/descriptions-row.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as d, inject as y, unref as r, openBlock as t, createElementBlock as n, Fragment as o, createElementVNode as m, renderList as u, createBlock as a, createVNode as s } from "vue";
+import { defineComponent as d, inject as y, unref as r, openBlock as e, createElementBlock as o, Fragment as n, createElementVNode as a, renderList as i, createBlock as u, createVNode as m } from "vue";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,55 +6,55 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import c from "./descriptions-cell.js";
+import p from "./descriptions-cell.js";
 import { descriptionsKey as k } from "./token.js";
-const g = { key: 1 }, _ = (
+const _ = { key: 1 }, g = (
   /* hoist-static*/
   f("descriptions-row")
 ), b = d({
-  name: _.b()
-}), F = /* @__PURE__ */ d({
+  name: g.b()
+}), K = /* @__PURE__ */ d({
   ...b,
   props: {
     row: { default: [] }
   },
-  setup(i) {
-    const p = y(k, {});
-    return (w, h) => r(p).direction === "vertical" ? (t(), n(o, { key: 0 }, [
-      m("tr", null, [
-        (t(!0), n(o, null, u(i.row, (e, l) => (t(), a(r(c), {
+  setup(w) {
+    const s = y(k, {});
+    return (c, h) => r(s).direction === "vertical" ? (e(), o(n, { key: 0 }, [
+      a("tr", null, [
+        (e(!0), o(n, null, i(c.row, (t, l) => (e(), u(r(p), {
           key: `tr1-${l}`,
-          cell: e,
+          cell: t,
           tag: "th",
           type: "label"
         }, null, 8, ["cell"]))), 128))
       ]),
-      m("tr", null, [
-        (t(!0), n(o, null, u(i.row, (e, l) => (t(), a(r(c), {
+      a("tr", null, [
+        (e(!0), o(n, null, i(c.row, (t, l) => (e(), u(r(p), {
           key: `tr2-${l}`,
-          cell: e,
+          cell: t,
           tag: "td",
           type: "content"
         }, null, 8, ["cell"]))), 128))
       ])
-    ], 64)) : (t(), n("tr", g, [
-      (t(!0), n(o, null, u(i.row, (e, l) => (t(), n(o, {
+    ], 64)) : (e(), o("tr", _, [
+      (e(!0), o(n, null, i(c.row, (t, l) => (e(), o(n, {
         key: `tr3-${l}`
       }, [
-        r(p).border ? (t(), n(o, { key: 0 }, [
-          s(r(c), {
-            cell: e,
+        r(s).border ? (e(), o(n, { key: 0 }, [
+          m(r(p), {
+            cell: t,
             tag: "td",
             type: "label"
           }, null, 8, ["cell"]),
-          s(r(c), {
-            cell: e,
+          m(r(p), {
+            cell: t,
             tag: "td",
             type: "content"
           }, null, 8, ["cell"])
-        ], 64)) : (t(), a(r(c), {
+        ], 64)) : (e(), u(r(p), {
           key: 1,
-          cell: e,
+          cell: t,
           tag: "td",
           type: "both"
         }, null, 8, ["cell"]))
@@ -63,5 +63,5 @@ const g = { key: 1 }, _ = (
   }
 });
 export {
-  F as default
+  K as default
 };

package/es/components/dialog/dialog-content.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, inject as m, computed as B, openBlock as s, createElementBlock as n, unref as e, normalizeClass as l, normalizeStyle as I, createElementVNode as r, renderSlot as i, toDisplayString as R, createVNode as k, createCommentVNode as u } from "vue";
+import { defineComponent as p, inject as m, computed as B, openBlock as s, createElementBlock as a, unref as e, normalizeClass as l, normalizeStyle as I, createElementVNode as r, renderSlot as n, toDisplayString as R, createVNode as k, createCommentVNode as c } from "vue";
 import { VftIcon as N } from "../icon/index.js";
 import "../focus-trap/focus-trap.vue2.js";
 import { FOCUS_TRAP_INJECTION_KEY as $ } from "../focus-trap/tokens.js";
@@ -16,32 +16,32 @@ import { dialogInjectionKey as v } from "./constants.js";
 const z = ["id"], D = (
   /* hoist-static*/
   E("dialog-content")
-), T = g({
+), T = p({
   name: D.b()
-}), W = /* @__PURE__ */ g({
+}), W = /* @__PURE__ */ p({
   ...T,
   props: {
     center: { type: Boolean, default: !1 },
     alignCenter: { type: Boolean, default: !1 },
     closeIcon: { default: "ico-ep:close" },
-    customClass: null,
+    customClass: {},
     draggable: { type: Boolean, default: !1 },
     fullscreen: { type: Boolean, default: !1 },
     showClose: { type: Boolean, default: !0 },
     title: { default: "" }
   },
   emits: ["close"],
-  setup(t) {
-    const { dialogRef: c, headerRef: d, bodyId: p, ns: o, style: y } = m(v), { focusTrapRef: b } = m($), C = S(b, c), h = B(() => t.draggable);
-    return V(c, d, h), (a, f) => (s(), n("div", {
+  setup(u) {
+    const { dialogRef: i, headerRef: d, bodyId: g, ns: t, style: y } = m(v), { focusTrapRef: b } = m($), C = S(b, i), h = B(() => u.draggable);
+    return V(i, d, h), (o, f) => (s(), a("div", {
       ref: e(C),
       class: l([
-        e(o).b(),
-        e(o).is("fullscreen", t.fullscreen),
-        e(o).is("draggable", t.draggable),
-        e(o).is("align-center", t.alignCenter),
-        { [e(o).m("center")]: t.center },
-        t.customClass
+        e(t).b(),
+        e(t).is("fullscreen", o.fullscreen),
+        e(t).is("draggable", o.draggable),
+        e(t).is("align-center", o.alignCenter),
+        { [e(t).m("center")]: o.center },
+        o.customClass
       ]),
       style: I(e(y)),
       tabindex: "-1"
@@ -49,39 +49,39 @@ const z = ["id"], D = (
       r("header", {
         ref_key: "headerRef",
         ref: d,
-        class: l(e(o).e("header"))
+        class: l(e(t).e("header"))
       }, [
-        i(a.$slots, "header", {}, () => [
+        n(o.$slots, "header", {}, () => [
           r("span", {
             role: "heading",
-            class: l(e(o).e("title"))
-          }, R(t.title), 3)
+            class: l(e(t).e("title"))
+          }, R(o.title), 3)
         ]),
-        t.showClose ? (s(), n("button", {
+        o.showClose ? (s(), a("button", {
           key: 0,
-          class: l(e(o).e("headerbtn")),
+          class: l(e(t).e("headerbtn")),
           type: "button",
-          onClick: f[0] || (f[0] = (j) => a.$emit("close"))
+          onClick: f[0] || (f[0] = (j) => o.$emit("close"))
         }, [
           k(e(N), {
-            class: l(e(o).e("close")),
-            icon: t.closeIcon,
+            class: l(e(t).e("close")),
+            icon: o.closeIcon,
             size: "20"
           }, null, 8, ["class", "icon"])
-        ], 2)) : u("", !0)
+        ], 2)) : c("", !0)
       ], 2),
       r("div", {
-        id: e(p),
-        class: l(e(o).e("body"))
+        id: e(g),
+        class: l(e(t).e("body"))
       }, [
-        i(a.$slots, "default")
+        n(o.$slots, "default")
       ], 10, z),
-      a.$slots.footer ? (s(), n("footer", {
+      o.$slots.footer ? (s(), a("footer", {
         key: 0,
-        class: l(e(o).e("footer"))
+        class: l(e(t).e("footer"))
       }, [
-        i(a.$slots, "footer")
-      ], 2)) : u("", !0)
+        n(o.$slots, "footer")
+      ], 2)) : c("", !0)
     ], 6));
   }
 });

package/es/components/dialog/dialog.vue2.js

@@ -1,38 +1,30 @@
-import { defineComponent as B, ref as i, getCurrentInstance as z, provide as O, computed as P, openBlock as v, createBlock as b, Teleport as N, createVNode as f, Transition as q, unref as e, withCtx as n, withDirectives as j, createElementVNode as K, normalizeClass as U, normalizeStyle as x, mergeProps as G, createSlots as H, renderSlot as r, createCommentVNode as J, vShow as Q } from "vue";
-import { VftOverlay as W } from "../overlay/index.js";
-import { useNamespace as X } from "../../hooks/use-namespace/index.js";
+import { defineComponent as B, ref as i, getCurrentInstance as z, provide as O, computed as P, openBlock as g, createBlock as b, Teleport as N, createVNode as f, Transition as q, unref as e, withCtx as a, withDirectives as j, createElementVNode as K, normalizeClass as U, normalizeStyle as G, mergeProps as H, createSlots as J, renderSlot as n, createCommentVNode as Q, vShow as W } from "vue";
+import { VftOverlay as X } from "../overlay/index.js";
+import { useNamespace as Y } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { isBoolean as Y } from "@vft/utils";
-import { UPDATE_MODEL_EVENT as Z } from "../../constants/event.js";
+import { isBoolean as Z } from "@vft/utils";
+import { UPDATE_MODEL_EVENT as _ } from "../../constants/event.js";
 import "../../utils/ns-cover.js";
-import { useSameTarget as _ } from "../../hooks/use-same-target/index.js";
+import { useSameTarget as x } from "../../hooks/use-same-target/index.js";
 import ee from "../focus-trap/focus-trap.vue.js";
 import "../focus-trap/utils.js";
 import oe from "./dialog-content.vue2.js";
-import { dialogInjectionKey as te } from "./constants.js";
-import { useDialog as le } from "./hooks/use-dialog.js";
+import { dialogInjectionKey as le } from "./constants.js";
+import { useDialog as te } from "./hooks/use-dialog.js";
 const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
   /* hoist-static*/
-  X("dialog")
-), ne = B({
+  Y("dialog")
+), se = B({
   name: d.b(),
   inheritAttrs: !1
 }), Ae = /* @__PURE__ */ B({
-  ...ne,
+  ...se,
   props: {
-    center: { type: Boolean, default: !1 },
-    alignCenter: { type: Boolean, default: !1 },
-    closeIcon: null,
-    customClass: { default: "" },
-    draggable: { type: Boolean, default: !1 },
-    fullscreen: { type: Boolean, default: !1 },
-    showClose: { type: Boolean, default: !0 },
-    title: { default: "" },
     appendToBody: { type: Boolean, default: !1 },
-    beforeClose: { type: Function },
+    beforeClose: {},
     destroyOnClose: { type: Boolean, default: !1 },
     closeOnClickModal: { type: Boolean, default: !0 },
     closeOnPressEscape: { type: Boolean, default: !0 },
@@ -40,15 +32,23 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
     modal: { type: Boolean, default: !0 },
     openDelay: { default: 0 },
     closeDelay: { default: 0 },
-    top: null,
+    top: {},
     modelValue: { type: Boolean, default: !1 },
-    modalClass: null,
-    width: null,
-    zIndex: null,
-    trapFocus: { type: Boolean, default: !1 }
+    modalClass: {},
+    width: {},
+    zIndex: {},
+    trapFocus: { type: Boolean, default: !1 },
+    center: { type: Boolean, default: !1 },
+    alignCenter: { type: Boolean, default: !1 },
+    closeIcon: {},
+    customClass: { default: "" },
+    draggable: { type: Boolean, default: !1 },
+    fullscreen: { type: Boolean, default: !1 },
+    showClose: { type: Boolean, default: !0 },
+    title: { default: "" }
   },
   emits: {
-    [Z]: (o) => Y(o),
+    [_]: (r) => Z(r),
     open: () => !0,
     opened: () => !0,
     close: () => !0,
@@ -56,39 +56,39 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
     openAutoFocus: () => !0,
     closeAutoFocus: () => !0
   },
-  setup(o, { expose: k }) {
-    const c = i(), A = i(), m = i(), F = z(), {
+  setup(r, { expose: k }) {
+    const p = i(), A = i(), c = i(), F = z(), {
       visible: u,
-      titleId: p,
+      titleId: m,
       bodyId: y,
       style: w,
       overlayDialogStyle: R,
-      rendered: C,
+      rendered: v,
       zIndex: E,
       afterEnter: T,
       afterLeave: h,
       beforeLeave: I,
-      handleClose: g,
+      handleClose: C,
       onModalClick: M,
       onOpenAutoFocus: $,
       onCloseAutoFocus: D,
       onCloseRequested: L,
       onFocusoutPrevented: S
-    } = le(F.props, c);
-    O(te, {
-      dialogRef: c,
+    } = te(F.props, p);
+    O(le, {
+      dialogRef: p,
       headerRef: A,
       bodyId: y,
       ns: d,
-      rendered: C,
+      rendered: v,
       style: w
     });
-    const l = _(M), V = P(() => o.draggable && !o.fullscreen);
+    const l = x(M), V = P(() => r.draggable && !r.fullscreen);
     return k({
       /** @description whether the dialog is visible */
       visible: u,
-      dialogContentRef: m
-    }), (t, a) => (v(), b(N, {
+      dialogContentRef: c
+    }), (o, t) => (g(), b(N, {
       to: "body",
       disabled: !o.appendToBody
     }, [
@@ -98,27 +98,27 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
         onAfterLeave: e(h),
         onBeforeLeave: e(I)
       }, {
-        default: n(() => [
-          j(f(e(W), {
+        default: a(() => [
+          j(f(e(X), {
             "custom-mask-event": "",
             mask: o.modal,
             "overlay-class": o.modalClass,
             "z-index": e(E)
           }, {
-            default: n(() => [
+            default: a(() => [
               K("div", {
                 role: "dialog",
                 "aria-modal": "true",
                 "aria-label": o.title || void 0,
-                "aria-labelledby": o.title ? void 0 : e(p),
+                "aria-labelledby": o.title ? void 0 : e(m),
                 "aria-describedby": e(y),
                 class: U(`${e(d).namespace.value}-overlay-dialog`),
-                style: x(e(R)),
-                onClick: a[0] || (a[0] = //@ts-ignore
+                style: G(e(R)),
+                onClick: t[0] || (t[0] = //@ts-ignore
                 (...s) => e(l).onClick && e(l).onClick(...s)),
-                onMousedown: a[1] || (a[1] = //@ts-ignore
+                onMousedown: t[1] || (t[1] = //@ts-ignore
                 (...s) => e(l).onMousedown && e(l).onMousedown(...s)),
-                onMouseup: a[2] || (a[2] = //@ts-ignore
+                onMouseup: t[2] || (t[2] = //@ts-ignore
                 (...s) => e(l).onMouseup && e(l).onMouseup(...s))
               }, [
                 f(e(ee), {
@@ -130,43 +130,43 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
                   onFocusoutPrevented: e(S),
                   onReleaseRequested: e(L)
                 }, {
-                  default: n(() => [
-                    e(C) ? (v(), b(oe, G({
+                  default: a(() => [
+                    e(v) ? (g(), b(oe, H({
                       key: 0,
                       ref_key: "dialogContentRef",
-                      ref: m
-                    }, t.$attrs, {
+                      ref: c
+                    }, o.$attrs, {
                       "custom-class": o.customClass,
                       center: o.center,
                       "align-center": o.alignCenter,
                       "close-icon": o.closeIcon,
-                      draggable: e(V),
+                      draggable: V.value,
                       fullscreen: o.fullscreen,
                       "show-close": o.showClose,
                       title: o.title,
-                      onClose: e(g)
-                    }), H({
-                      header: n(() => [
-                        t.$slots.title ? r(t.$slots, "title", { key: 1 }) : r(t.$slots, "header", {
+                      onClose: e(C)
+                    }), J({
+                      header: a(() => [
+                        o.$slots.title ? n(o.$slots, "title", { key: 1 }) : n(o.$slots, "header", {
                           key: 0,
-                          close: e(g),
-                          titleId: e(p),
+                          close: e(C),
+                          titleId: e(m),
                           titleClass: e(d).e("title")
                         })
                       ]),
-                      default: n(() => [
-                        r(t.$slots, "default")
+                      default: a(() => [
+                        n(o.$slots, "default")
                       ]),
                       _: 2
                     }, [
-                      t.$slots.footer ? {
+                      o.$slots.footer ? {
                         name: "footer",
-                        fn: n(() => [
-                          r(t.$slots, "footer")
+                        fn: a(() => [
+                          n(o.$slots, "footer")
                         ]),
                         key: "0"
                       } : void 0
-                    ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : J("", !0)
+                    ]), 1040, ["custom-class", "center", "align-center", "close-icon", "draggable", "fullscreen", "show-close", "title", "onClose"])) : Q("", !0)
                   ]),
                   _: 3
                 }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
@@ -174,7 +174,7 @@ const ae = ["aria-label", "aria-labelledby", "aria-describedby"], d = (
             ]),
             _: 3
           }, 8, ["mask", "overlay-class", "z-index"]), [
-            [Q, e(u)]
+            [W, e(u)]
           ])
         ]),
         _: 3

package/es/components/divider/divider.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as a, computed as m, openBlock as n, createElementBlock as i, normalizeClass as l, unref as r, normalizeStyle as c, renderSlot as s, createCommentVNode as u } from "vue";
+import { defineComponent as a, computed as m, openBlock as i, createElementBlock as n, normalizeClass as l, unref as t, normalizeStyle as s, renderSlot as c, createCommentVNode as u } from "vue";
 import { useNamespace as f } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,40 +6,40 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-const t = (
+const e = (
   /* hoist-static*/
   f("divider")
-), b = a({
-  name: t.b()
+), p = a({
+  name: e.b()
 }), h = /* @__PURE__ */ a({
-  ...b,
+  ...p,
   props: {
     direction: { default: "horizontal" },
     contentPosition: { default: "center" },
     borderStyle: { default: "solid" },
-    borderColor: null,
-    marginY: null,
-    marginX: null
+    borderColor: {},
+    marginY: {},
+    marginX: {}
   },
-  setup(e) {
+  setup(o) {
     const d = m(() => ({
-      ...t.cssVarBlock({
-        "border-style": e.borderStyle,
-        "border-color": e.borderColor,
-        "margin-y": e.marginY,
-        "margin-x": e.marginX
+      ...e.cssVarBlock({
+        "border-style": o.borderStyle,
+        "border-color": o.borderColor,
+        "margin-y": o.marginY,
+        "margin-x": o.marginX
       })
     }));
-    return (o, y) => (n(), i("div", {
-      class: l([r(t).b(), r(t).m(e.direction)]),
-      style: c(r(d)),
+    return (r, b) => (i(), n("div", {
+      class: l([t(e).b(), t(e).m(r.direction)]),
+      style: s(d.value),
       role: "separator"
     }, [
-      o.$slots.default && e.direction !== "vertical" ? (n(), i("div", {
+      r.$slots.default && r.direction !== "vertical" ? (i(), n("div", {
         key: 0,
-        class: l([r(t).e("text"), r(t).is(e.contentPosition)])
+        class: l([t(e).e("text"), t(e).is(r.contentPosition)])
       }, [
-        s(o.$slots, "default")
+        c(r.$slots, "default")
       ], 2)) : u("", !0)
     ], 6));
   }