vft 0.0.50 → 0.0.53

package/es/packages/components/select-v2/useSelect.js

@@ -1,359 +0,0 @@
-import { reactive as ke, ref as f, computed as o, watch as T, nextTick as g, onMounted as Ge } from "vue";
-import { isArray as _, isFunction as ie, isObject as z } from "@vue/shared";
-import { isNil as oe, debounce as $e, isEqual as se, get as S } from "lodash";
-import { useResizeObserver as je } from "@vueuse/core";
-import { useNamespace as ce } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import "@vft/utils";
-import { debugWarn as Je } from "../../utils/error.js";
-import { escapeStringRegexp as Xe } from "../../utils/vue/data-helper.js";
-import "../../utils/ns-cover.js";
-import { UPDATE_MODEL_EVENT as Ye, CHANGE_EVENT as Ze } from "../../constants/event.js";
-import "../form/index.js";
-import { useAllowCreate as et } from "./useAllowCreate.js";
-import { flattenOptions as tt } from "./util.js";
-import { useInput as lt } from "./useInput.js";
-import { useFormItem as nt } from "../form/hooks/use-form-item.js";
-import { useFormSize as at } from "../form/hooks/use-form-common-props.js";
-const re = "", de = 11, ut = {
-  larget: 51,
-  default: 42,
-  small: 33
-}, Ct = (n, m) => {
-  const K = ce("select-v2"), fe = ce("input"), { form: R, formItem: h } = nt(), l = ke({
-    inputValue: re,
-    displayInputValue: re,
-    calculatedWidth: 0,
-    cachedPlaceholder: "",
-    cachedOptions: [],
-    createdOptions: [],
-    createdLabel: "",
-    createdSelected: !1,
-    currentPlaceholder: "",
-    hoveringIndex: -1,
-    comboBoxHovering: !1,
-    isOnComposition: !1,
-    isSilentBlur: !1,
-    isComposing: !1,
-    inputLength: 20,
-    selectWidth: 200,
-    initialInputHeight: 0,
-    previousQuery: null,
-    previousValue: void 0,
-    query: "",
-    selectedLabel: "",
-    softFocus: !1,
-    tagInMultiLine: !1
-  }), he = f(-1), U = f(-1), ve = f(null), v = f(null), E = f(null), b = f(null), C = f(null), O = f(null), I = f(null), s = f(!1), y = o(() => n.disabled || (R == null ? void 0 : R.disabled)), ge = o(() => {
-    const e = c.value.length * 34;
-    return e > n.height ? n.height : e;
-  }), M = o(() => !oe(n.modelValue)), me = o(() => {
-    const e = n.multiple ? Array.isArray(n.modelValue) && n.modelValue.length > 0 : M.value;
-    return n.clearable && !y.value && l.comboBoxHovering && e;
-  }), F = o(
-    () => n.remote && n.filterable ? "" : "ico-ep:arrow-up"
-  ), Ve = o(
-    () => F.value && K.is("reverse", s.value)
-  ), pe = o(() => (h == null ? void 0 : h.validateState) || ""), be = "validateIcon", Q = o(() => n.remote ? 300 : 0), W = o(() => {
-    const e = c.value;
-    return n.loading ? n.loadingText || t("el.select.loading") : n.remote && l.inputValue === "" && e.length === 0 ? !1 : n.filterable && l.inputValue && e.length > 0 ? n.noMatchText || t("el.select.noMatch") : e.length === 0 ? n.noDataText || t("el.select.noData") : null;
-  }), c = o(() => {
-    const e = (a) => {
-      const u = l.inputValue, i = new RegExp(Xe(u), "i");
-      return u ? i.test(a.label || "") : !0;
-    };
-    return n.loading ? [] : tt(
-      // @ts-ignore
-      n.options.concat(l.createdOptions).map((a) => {
-        if (_(a.options)) {
-          const u = a.options.filter(e);
-          if (u.length > 0)
-            return {
-              ...a,
-              options: u
-            };
-        } else if (n.remote || e(a))
-          return a;
-        return null;
-      }).filter((a) => a !== null)
-    );
-  }), Ie = o(
-    () => c.value.every((e) => e.disabled)
-  ), q = at(), k = o(
-    () => q.value === "small" ? "small" : "default"
-  ), ye = o(() => {
-    const e = O.value, a = k.value || "default", u = e ? Number.parseInt(getComputedStyle(e).paddingLeft) : 0, i = e ? Number.parseInt(getComputedStyle(e).paddingRight) : 0;
-    return l.selectWidth - i - u - ut[a];
-  }), G = () => {
-    var e;
-    U.value = ((e = C.value) == null ? void 0 : e.offsetWidth) || 200;
-  }, xe = o(() => ({
-    width: `${l.calculatedWidth === 0 ? de : Math.ceil(l.calculatedWidth) + de}px`
-  })), Se = o(() => _(n.modelValue) ? n.modelValue.length === 0 && !l.displayInputValue : n.filterable ? l.displayInputValue.length === 0 : !0), Ce = o(() => {
-    const e = n.placeholder || t("el.select.placeholder");
-    return n.multiple || oe(n.modelValue) ? e : l.selectedLabel;
-  }), Oe = o(() => {
-    var e, a;
-    return (a = (e = b.value) == null ? void 0 : e.popperRef) == null ? void 0 : a.contentRef;
-  }), $ = o(() => {
-    if (n.multiple) {
-      const e = n.modelValue.length;
-      if (n.modelValue.length > 0)
-        return c.value.findIndex(
-          (a) => a.value === n.modelValue[e - 1]
-        );
-    } else if (n.modelValue)
-      return c.value.findIndex(
-        (e) => e.value === n.modelValue
-      );
-    return -1;
-  }), we = o({
-    get() {
-      return s.value && W.value !== !1;
-    },
-    set(e) {
-      s.value = e;
-    }
-  }), Le = o(
-    () => l.cachedOptions.slice(0, n.maxCollapseTags)
-  ), Te = o(
-    () => l.cachedOptions.slice(n.maxCollapseTags)
-  ), {
-    createNewOption: j,
-    removeNewOption: H,
-    selectNewOption: J,
-    clearAllNewOption: N
-  } = et(n, l), {
-    handleCompositionStart: Re,
-    handleCompositionUpdate: Ee,
-    handleCompositionEnd: Me
-  } = lt((e) => ue(e)), X = () => {
-    var e, a, u;
-    (a = (e = v.value) == null ? void 0 : e.focus) == null || a.call(e), (u = b.value) == null || u.updatePopper();
-  }, P = () => {
-    if (!n.automaticDropdown && !y.value)
-      return l.isComposing && (l.softFocus = !0), g(() => {
-        var e, a;
-        s.value = !s.value, (a = (e = v.value) == null ? void 0 : e.focus) == null || a.call(e);
-      });
-  }, Y = () => (n.filterable && l.inputValue !== l.selectedLabel && (l.query = l.selectedLabel), ee(l.inputValue), g(() => {
-    j(l.inputValue);
-  })), Z = $e(Y, Q.value), ee = (e) => {
-    l.previousQuery !== e && (l.previousQuery = e, n.filterable && ie(n.filterMethod) ? n.filterMethod(e) : n.filterable && n.remote && ie(n.remoteMethod) && n.remoteMethod(e));
-  }, We = (e) => {
-    se(n.modelValue, e) || m(Ze, e);
-  }, x = (e) => {
-    m(Ye, e), We(e), l.previousValue = e == null ? void 0 : e.toString();
-  }, He = (e = [], a) => {
-    if (!z(a))
-      return e.indexOf(a);
-    const u = n.valueKey;
-    let i = -1;
-    return e.some((r, d) => S(r, u) === S(a, u) ? (i = d, !0) : !1), i;
-  }, V = (e) => z(e) ? S(e, n.valueKey) : e, Ne = (e) => z(e) ? e.label : e, A = () => g(() => {
-    var a, u;
-    if (!v.value)
-      return;
-    const e = O.value;
-    C.value.height = e.offsetHeight, s.value && W.value !== !1 && ((u = (a = b.value) == null ? void 0 : a.updatePopper) == null || u.call(a));
-  }), te = () => {
-    var e, a;
-    if (Pe(), G(), (a = (e = b.value) == null ? void 0 : e.updatePopper) == null || a.call(e), n.multiple)
-      return A();
-  }, Pe = () => {
-    const e = O.value;
-    e && (l.selectWidth = e.getBoundingClientRect().width);
-  }, le = (e, a, u = !0) => {
-    var i, r;
-    if (n.multiple) {
-      let d = n.modelValue.slice();
-      const L = He(d, V(e));
-      L > -1 ? (d = [
-        ...d.slice(0, L),
-        ...d.slice(L + 1)
-      ], l.cachedOptions.splice(L, 1), H(e)) : (n.multipleLimit <= 0 || d.length < n.multipleLimit) && (d = [...d, V(e)], l.cachedOptions.push(e), J(e), p(a)), x(d), e.created && (l.query = "", ee(""), l.inputLength = 20), n.filterable && !n.reserveKeyword && ((r = (i = v.value).focus) == null || r.call(i), w("")), n.filterable && (l.calculatedWidth = I.value.getBoundingClientRect().width), A(), Fe();
-    } else
-      he.value = a, l.selectedLabel = e.label, x(V(e)), s.value = !1, l.isComposing = !1, l.isSilentBlur = u, J(e), e.created || N(), p(a);
-  }, Ae = (e, a) => {
-    const { valueKey: u } = n, i = n.modelValue.indexOf(S(a, u));
-    if (i > -1 && !y.value) {
-      const r = [
-        ...n.modelValue.slice(0, i),
-        ...n.modelValue.slice(i + 1)
-      ];
-      return l.cachedOptions.splice(i, 1), x(r), m("remove-tag", S(a, u)), l.softFocus = !0, H(a), g(X);
-    }
-    e.stopPropagation();
-  }, Be = (e) => {
-    const a = l.isComposing;
-    l.isComposing = !0, l.softFocus ? l.softFocus = !1 : a || m("focus", e);
-  }, ne = (e) => (l.softFocus = !1, g(() => {
-    var a, u;
-    (u = (a = v.value) == null ? void 0 : a.blur) == null || u.call(a), I.value && (l.calculatedWidth = I.value.getBoundingClientRect().width), l.isSilentBlur ? l.isSilentBlur = !1 : l.isComposing && m("blur", e), l.isComposing = !1;
-  })), De = () => {
-    l.displayInputValue.length > 0 ? w("") : s.value = !1;
-  }, _e = (e) => {
-    if (l.displayInputValue.length === 0) {
-      e.preventDefault();
-      const a = n.modelValue.slice();
-      a.pop(), H(l.cachedOptions.pop()), x(a);
-    }
-  }, ze = () => {
-    let e;
-    return _(n.modelValue) ? e = [] : e = void 0, l.softFocus = !0, n.multiple ? l.cachedOptions = [] : l.selectedLabel = "", s.value = !1, x(e), m("clear"), N(), g(X);
-  }, w = (e) => {
-    l.displayInputValue = e, l.inputValue = e;
-  }, ae = (e, a = void 0) => {
-    const u = c.value;
-    if (!["forward", "backward"].includes(e) || y.value || u.length <= 0 || Ie.value)
-      return;
-    if (!s.value)
-      return P();
-    a === void 0 && (a = l.hoveringIndex);
-    let i = -1;
-    e === "forward" ? (i = a + 1, i >= u.length && (i = 0)) : e === "backward" && (i = a - 1, (i < 0 || i >= u.length) && (i = u.length - 1));
-    const r = u[i];
-    if (r.disabled || r.type === "Group")
-      return ae(e, i);
-    p(i), B(i);
-  }, Ke = () => {
-    if (s.value)
-      ~l.hoveringIndex && c.value[l.hoveringIndex] && le(
-        c.value[l.hoveringIndex],
-        l.hoveringIndex,
-        !1
-      );
-    else
-      return P();
-  }, p = (e) => {
-    l.hoveringIndex = e;
-  }, Ue = () => {
-    l.hoveringIndex = -1;
-  }, Fe = () => {
-    var a;
-    const e = v.value;
-    e && ((a = e.focus) == null || a.call(e));
-  }, ue = (e) => {
-    const a = e.target.value;
-    if (w(a), l.displayInputValue.length > 0 && !s.value && (s.value = !0), l.calculatedWidth = I.value.getBoundingClientRect().width, n.multiple && A(), n.remote)
-      Z();
-    else
-      return Y();
-  }, Qe = () => (s.value = !1, ne()), qe = () => (l.inputValue = l.displayInputValue, g(() => {
-    ~$.value && (p($.value), B(l.hoveringIndex));
-  })), B = (e) => {
-    E.value.scrollToItem(e);
-  }, D = () => {
-    if (Ue(), n.multiple)
-      if (n.modelValue.length > 0) {
-        let e = !1;
-        l.cachedOptions.length = 0, l.previousValue = n.modelValue.toString(), n.modelValue.forEach((a) => {
-          const u = c.value.findIndex(
-            (i) => V(i) === a
-          );
-          ~u && (l.cachedOptions.push(
-            c.value[u]
-          ), e || p(u), e = !0);
-        });
-      } else
-        l.cachedOptions = [], l.previousValue = void 0;
-    else if (M.value) {
-      l.previousValue = n.modelValue;
-      const e = c.value, a = e.findIndex(
-        (u) => V(u) === V(n.modelValue)
-      );
-      ~a ? (l.selectedLabel = e[a].label, p(a)) : l.selectedLabel = `${n.modelValue}`;
-    } else
-      l.selectedLabel = "", l.previousValue = void 0;
-    N(), G();
-  };
-  return T(s, (e) => {
-    var a, u;
-    m("visible-change", e), e ? (u = (a = b.value).update) == null || u.call(a) : (l.displayInputValue = "", l.previousQuery = null, j(""));
-  }), T(
-    () => n.modelValue,
-    (e, a) => {
-      var u;
-      (!e || e.toString() !== l.previousValue) && D(), !se(e, a) && n.validateEvent && ((u = h == null ? void 0 : h.validate) == null || u.call(h, "change").catch((i) => Je(i)));
-    },
-    {
-      deep: !0
-    }
-  ), T(
-    () => n.options,
-    () => {
-      const e = v.value;
-      (!e || e && document.activeElement !== e) && D();
-    },
-    {
-      deep: !0
-    }
-  ), T(c, () => g(E.value.resetScrollTop)), Ge(() => {
-    D();
-  }), je(C, te), {
-    // data exports
-    collapseTagSize: k,
-    currentPlaceholder: Ce,
-    expanded: s,
-    emptyText: W,
-    popupHeight: ge,
-    debounce: Q,
-    filteredOptions: c,
-    iconComponent: F,
-    iconReverse: Ve,
-    inputWrapperStyle: xe,
-    popperSize: U,
-    dropdownMenuVisible: we,
-    hasModelValue: M,
-    // readonly,
-    shouldShowPlaceholder: Se,
-    selectDisabled: y,
-    selectSize: q,
-    showClearBtn: me,
-    states: l,
-    tagMaxWidth: ye,
-    nsSelectV2: K,
-    nsInput: fe,
-    // refs items exports
-    calculatorRef: I,
-    controlRef: ve,
-    inputRef: v,
-    menuRef: E,
-    popper: b,
-    selectRef: C,
-    selectionRef: O,
-    popperRef: Oe,
-    validateState: pe,
-    validateIcon: be,
-    showTagList: Le,
-    collapseTagList: Te,
-    // methods exports
-    debouncedOnInputChange: Z,
-    deleteTag: Ae,
-    getLabel: Ne,
-    getValueKey: V,
-    handleBlur: ne,
-    handleClear: ze,
-    handleClickOutside: Qe,
-    handleDel: _e,
-    handleEsc: De,
-    handleFocus: Be,
-    handleMenuEnter: qe,
-    handleResize: te,
-    toggleMenu: P,
-    scrollTo: B,
-    onInput: ue,
-    onKeyboardNavigate: ae,
-    onKeyboardSelect: Ke,
-    onSelect: le,
-    onHover: p,
-    onUpdateInputValue: w,
-    handleCompositionStart: Re,
-    handleCompositionEnd: Me,
-    handleCompositionUpdate: Ee
-  };
-};
-export {
-  Ct as default
-};

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

@@ -1,249 +0,0 @@
-import { defineComponent as k, useSlots as E, ref as P, computed as d, h as f, onMounted as U, nextTick as W, createVNode as c } from "vue";
-import { listenerRouteChange as $, useRouterHelper as j } from "@vft/router";
-import { useSortable as z } from "@vft/use";
-import { isUrl as Y, addUnit as M, isNullOrUndefined as S } from "@vft/utils";
-import { useNamespace as D } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import { generateCssVars as F } from "../../utils/ns-cover.js";
-import "../divider/index.js";
-import { VftIcon as G } from "../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 { VftMenu as J, VftSubMenu as K, VftMenuItem as b } from "../menu/index.js";
-import "../multiple-tabs/multiple-tabs.vue2.js";
-import "@vft/store";
-import { useRouter as L } from "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 "./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";
-const l = (
-  /* hoist-static*/
-  D("side-menu")
-), Q = k({
-  name: l.b()
-}), ce = /* @__PURE__ */ k({
-  ...Q,
-  props: {
-    menus: null,
-    uniqueOpened: {
-      type: Boolean,
-      default: !0
-    },
-    collapse: {
-      type: Boolean,
-      default: !1
-    },
-    defaultActive: null,
-    width: null,
-    collapseWidth: {
-      default: 50
-    },
-    attrMapping: null,
-    extraHeight: {
-      default: 100
-    },
-    menuTopBottomHeight: {
-      default: 40
-    },
-    showCollapse: {
-      type: Boolean,
-      default: !1
-    },
-    dragOption: null,
-    useMenuSelect: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["update:collapse", "dragEnd", "select"],
-  setup(o, {
-    emit: h
-  }) {
-    const s = E(), v = P(), r = d(() => ({
-      path: "path",
-      children: "children",
-      title: "title",
-      index: "path",
-      icon: "icon",
-      ...o.attrMapping
-    }));
-    $((t) => {
-      !t || t.meta.hideSide || (v.value = t.path);
-    });
-    const x = (t, a) => {
-      const i = t[r.value.path], p = t[r.value.title], n = t == null ? void 0 : t[r.value.children], u = t == null ? void 0 : t[r.value.index], m = t == null ? void 0 : t[r.value.icon];
-      return n != null && n.length ? f(
-        // @ts-ignore
-        K,
-        {
-          popperAppendToBody: !0,
-          key: u || i,
-          index: u || i,
-          title: p,
-          icon: m,
-          popperClass: l.e("popper")
-        },
-        {
-          default: () => n == null ? void 0 : n.map((e, H) => {
-            var O;
-            const g = e[r.value.path], C = e[r.value.index], q = e[r.value.icon], R = e[r.value.title];
-            return (O = e == null ? void 0 : e[r.value.children]) != null && O.length ? x(e, H) : (
-              // @ts-ignore
-              f(b, {
-                key: C || g,
-                index: C || g,
-                route: g,
-                icon: q,
-                title: R,
-                disabled: e.disabled
-              })
-            );
-          })
-        }
-      ) : f(b, {
-        key: u || i,
-        index: u || i,
-        title: p,
-        route: i,
-        icon: m,
-        disabled: t.disabled
-      }, s.menuItem ? () => {
-        var e;
-        return (e = s.menuItem) == null ? void 0 : e.call(s, {
-          item: t,
-          index: a
-        });
-      } : "");
-    }, w = d(() => {
-      var t, a;
-      return f(J, {
-        onSelect: o.useMenuSelect ? N : () => {
-        },
-        defaultActive: o.defaultActive || v.value,
-        class: [l.e("con"), (t = o.dragOption) != null && t.dragClassName ? l.e((a = o.dragOption) == null ? void 0 : a.dragClassName) : ""],
-        style: {
-          height: `calc(100% - ${o.menuTopBottomHeight}px)`
-        },
-        uniqueOpened: o.uniqueOpened,
-        collapse: o.collapse,
-        "collapse-transition": !1
-      }, () => o.menus.map((i, p) => x(i, p)));
-    }), {
-      go: y
-    } = j(), B = L();
-    async function N(t) {
-      var n, u, m;
-      const a = t.route;
-      let i = t.route;
-      t.indexPath.some((e) => Y(e)) && (i = t.indexPath.slice(-2).join("/"));
-      const p = (m = (u = (n = B.getRoutes().filter((e) => e.path === i)) == null ? void 0 : n[0]) == null ? void 0 : u.meta) == null ? void 0 : m.linkTarget;
-      y(p ? {
-        url: a,
-        winOpenOpt: {
-          target: p
-        }
-      } : a), h("select", t);
-    }
-    const T = d(() => ({
-      ...F({
-        width: o.collapse ? M(o.collapseWidth) : M(o.width)
-      }, "side-menu"),
-      height: `calc(100% - ${o.extraHeight}px)`
-    })), A = d(() => [l.b(), l.m("fixed")]);
-    function V() {
-      h("update:collapse", !o.collapse);
-    }
-    return U(() => {
-      W(() => {
-        var t, a, i;
-        if ((t = o.dragOption) != null && t.dragClassName) {
-          const p = (i = document.querySelectorAll("." + l.e((a = o.dragOption) == null ? void 0 : a.dragClassName))) == null ? void 0 : i[0], {
-            initSortable: n
-          } = z(p, {
-            draggable: ".vft-menu-item",
-            onEnd: (u) => {
-              const {
-                oldIndex: m,
-                newIndex: e
-              } = u;
-              S(m) || S(e) || m === e || h("dragEnd", m, e);
-            },
-            ...o.dragOption
-          });
-          n();
-        }
-      });
-    }), () => c("div", {
-      class: A.value,
-      style: T.value
-    }, [s.top ? c("div", {
-      class: l.e("top")
-    }, [s.top()]) : null, w.value, s.bottom ? c("div", {
-      class: l.e("bottom")
-    }, [s.bottom()]) : o.showCollapse ? c("div", {
-      onClick: V,
-      class: [l.e("bottom"), l.e("collapse")]
-    }, [c(G, {
-      style: {
-        transform: o.collapse ? "rotateY(180deg)" : ""
-      },
-      size: 20,
-      icon: "ico-iconoir:sidebar-collapse"
-    }, null)]) : null]);
-  }
-});
-export {
-  ce as default
-};

package/es/packages/components/slot/only-child.js

@@ -1,59 +0,0 @@
-import { defineComponent as a, inject as s, withDirectives as p, cloneVNode as h, Fragment as C, Text as N, Comment as g, createVNode as v } from "vue";
-import { useNamespace as F } from "../../hooks/use-namespace/index.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import { FORWARD_REF_INJECTION_KEY as w, useForwardRefDirective as y } from "../../hooks/use-forward-ref/index.js";
-import "@vueuse/core";
-import { noop as O, isObject as R } from "@vft/utils";
-import { debugWarn as l } from "../../utils/error.js";
-import "../../utils/ns-cover.js";
-const o = "VftOnlyChild", j = /* @__PURE__ */ a({
-  name: o,
-  setup(n, {
-    slots: t,
-    attrs: e
-  }) {
-    const r = s(w), m = y((r == null ? void 0 : r.setForwardRef) ?? O);
-    return () => {
-      var u;
-      const i = (u = t.default) == null ? void 0 : u.call(t, e);
-      if (!i)
-        return null;
-      if (i.length > 1)
-        return l(o, "requires exact only one valid child."), null;
-      const c = d(i);
-      return c ? p(h(c, e), [[m]]) : (l(o, "no valid child node found"), null);
-    };
-  }
-});
-function d(n) {
-  if (!n)
-    return null;
-  const t = n;
-  for (const e of t) {
-    if (R(e))
-      switch (e.type) {
-        case g:
-          continue;
-        case N:
-        case "svg":
-          return f(e);
-        case C:
-          return d(e.children);
-        default:
-          return e;
-      }
-    return f(e);
-  }
-  return null;
-}
-function f(n) {
-  const t = F("only-child");
-  return v("span", {
-    class: t.e("content")
-  }, [n]);
-}
-export {
-  j as OnlyChild
-};