vft 0.0.50 → 0.0.51

package/es/components/back-top/back-top.vue2.js

@@ -0,0 +1,124 @@
+import { defineComponent as c, getCurrentInstance as g, computed as l, openBlock as m, createBlock as a, Transition as y, unref as t, withCtx as C, createElementBlock as h, normalizeStyle as x, normalizeClass as T, withModifiers as z, renderSlot as B, normalizeProps as $, mergeProps as v, createCommentVNode as s } from "vue";
+import { singleAttrToObj as w } from "@vft/utils";
+import "../divider/index.js";
+import { VftIcon as S } 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 "../menu/index.js";
+import "@vft/use";
+import "../multiple-tabs/multiple-tabs.vue2.js";
+import "@vft/router";
+import "@vft/store";
+import "vue-router";
+import "../header-layout/index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../logo/index.js";
+import "./index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/index.js";
+import "../md-container/index.js";
+import "../md-comment/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../message/index.js";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { useBackTop as I } from "./use-back-top.js";
+const r = (
+  /* hoist-static*/
+  _("back-top")
+), N = c({
+  name: r.b()
+}), Yt = /* @__PURE__ */ c({
+  ...N,
+  props: {
+    visibilityHeight: { default: 200 },
+    target: null,
+    right: { default: 40 },
+    bottom: { default: 40 },
+    icon: { default: "ico-bx:arrow-to-top" },
+    scrollTargetKey: null
+  },
+  emits: ["click"],
+  setup(i, { emit: u }) {
+    const f = g(), { handleClick: p, visible: d } = I(f.props, u, r.b()), b = l(() => ({
+      right: `${i.right}px`,
+      bottom: `${i.bottom}px`
+    })), e = l(() => w(i.icon, "icon", { size: 25 }));
+    return (k, n) => (m(), a(y, {
+      name: `${t(r).namespace}-fade-in`
+    }, {
+      default: C(() => [
+        t(d) ? (m(), h("div", {
+          key: 0,
+          style: x(t(b)),
+          class: T(t(r).b()),
+          onClick: n[0] || (n[0] = z(
+            //@ts-ignore
+            (...o) => t(p) && t(p)(...o),
+            ["stop"]
+          ))
+        }, [
+          B(k.$slots, "default", {}, () => {
+            var o;
+            return [
+              (o = t(e)) != null && o.icon ? (m(), a(t(S), $(v({ key: 0 }, t(e))), null, 16)) : s("", !0)
+            ];
+          })
+        ], 6)) : s("", !0)
+      ]),
+      _: 3
+    }, 8, ["name"]));
+  }
+});
+export {
+  Yt as default
+};

package/es/components/button/button-custom.js

@@ -0,0 +1,59 @@
+import { computed as m } from "vue";
+import { TinyColor as b } from "@ctrl/tinycolor";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+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 "../form/index.js";
+import { useFormDisabled as k } from "../form/hooks/use-form-common-props.js";
+function c(r, l = 20) {
+  return r.mix("#141414", l).toString();
+}
+function D(r) {
+  const l = k(), t = g("button");
+  return m(() => {
+    let e = {};
+    const a = r.color;
+    if (a) {
+      const o = new b(a), i = r.dark ? o.tint(20).toString() : c(o, 20);
+      if (r.plain)
+        e = t.cssVarBlock({
+          "bg-color": r.dark ? c(o, 90) : o.tint(90).toString(),
+          "text-color": a,
+          "border-color": r.dark ? c(o, 50) : o.tint(50).toString(),
+          "hover-text-color": `var(${t.cssVarName("color-white")})`,
+          "hover-bg-color": a,
+          "hover-border-color": a,
+          "active-bg-color": i,
+          "active-text-color": `var(${t.cssVarName("color-white")})`,
+          "active-border-color": i
+        }), l.value && (e[t.cssVarBlockName("disabled-bg-color")] = r.dark ? c(o, 90) : o.tint(90).toString(), e[t.cssVarBlockName("disabled-text-color")] = r.dark ? c(o, 50) : o.tint(50).toString(), e[t.cssVarBlockName("disabled-border-color")] = r.dark ? c(o, 80) : o.tint(80).toString());
+      else {
+        const s = r.dark ? c(o, 30) : o.tint(30).toString(), n = o.isDark() ? `var(${t.cssVarName("color-white")})` : `var(${t.cssVarName("color-black")})`;
+        if (e = t.cssVarBlock({
+          "bg-color": a,
+          "text-color": n,
+          "border-color": a,
+          "hover-bg-color": s,
+          "hover-text-color": n,
+          "hover-border-color": s,
+          "active-bg-color": i,
+          "active-border-color": i
+        }), l.value) {
+          const d = r.dark ? c(o, 50) : o.tint(50).toString();
+          e[t.cssVarBlockName("disabled-bg-color")] = d, e[t.cssVarBlockName("disabled-text-color")] = r.dark ? "rgba(255, 255, 255, 0.5)" : `var(${t.cssVarName("color-white")})`, e[t.cssVarBlockName("disabled-border-color")] = d;
+        }
+      }
+    }
+    return e;
+  });
+}
+export {
+  c as darken,
+  D as useButtonCustomStyle
+};

package/es/components/button/button-group.vue2.js

@@ -0,0 +1,39 @@
+import { defineComponent as e, provide as s, reactive as i, toRef as o, openBlock as m, createElementBlock as u, normalizeClass as l, unref as a, renderSlot as c } 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 "@vueuse/core";
+import "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { buttonGroupContextKey as d } from "./constants.js";
+const _ = e({
+  name: "VtfButtonGroup"
+}), E = /* @__PURE__ */ e({
+  ..._,
+  props: {
+    size: null,
+    type: null
+  },
+  setup(r) {
+    const t = r;
+    s(
+      d,
+      i({
+        size: o(t, "size"),
+        type: o(t, "type")
+      })
+    );
+    const p = f("button");
+    return (n, y) => (m(), u("div", {
+      class: l(`${a(p).b("group")}`)
+    }, [
+      c(n.$slots, "default")
+    ], 2));
+  }
+});
+export {
+  E as default
+};

package/es/components/button/button.vue2.js

@@ -0,0 +1,102 @@
+import { defineComponent as C, computed as I, openBlock as l, createElementBlock as s, normalizeClass as r, unref as e, normalizeStyle as T, Fragment as v, renderSlot as k, createBlock as g, normalizeProps as A, mergeProps as N, createCommentVNode as B } from "vue";
+import { VftIcon as z } from "../icon/index.js";
+import { useNamespace as P } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.js";
+import "@vueuse/core";
+import { singleAttrToObj as V } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import { useButton as j } from "./use-button.js";
+import { useButtonCustomStyle as E } from "./button-custom.js";
+const F = ["aria-disabled", "disabled", "autofocus", "type"], o = (
+  /* hoist-static*/
+  P("button")
+), O = C({
+  name: o.b()
+}), X = /* @__PURE__ */ C({
+  ...O,
+  props: {
+    size: null,
+    disabled: { type: Boolean },
+    type: null,
+    icon: null,
+    nativeType: { default: "button" },
+    loading: { type: Boolean },
+    loadingIcon: null,
+    plain: { type: Boolean },
+    text: { type: Boolean },
+    link: { type: Boolean },
+    bg: { type: Boolean },
+    autofocus: { type: Boolean },
+    round: { type: Boolean },
+    circle: { type: Boolean },
+    color: null,
+    dark: { type: Boolean },
+    autoInsertSpace: { type: Boolean },
+    block: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(t, { expose: S, emit: $ }) {
+    const a = t, d = I(() => V(a.icon, "icon")), h = E(a), { _ref: c, _size: u, _type: m, _disabled: n, shouldAddSpace: y, handleClick: p } = j(a, $);
+    return S({
+      /** @description button html element */
+      ref: c,
+      /** @description button size */
+      size: u,
+      /** @description button type */
+      type: m,
+      /** @description button disabled */
+      disabled: n,
+      /** @description whether adding space */
+      shouldAddSpace: y
+    }), (i, f) => {
+      var b;
+      return l(), s("button", {
+        ref_key: "_ref",
+        ref: c,
+        class: r([
+          e(o).b(),
+          e(o).m(e(m)),
+          e(o).m(e(u)),
+          e(o).is("disabled", e(n)),
+          e(o).is("loading", t.loading),
+          e(o).is("plain", t.plain),
+          e(o).is("round", t.round),
+          e(o).is("circle", t.circle),
+          e(o).is("text", t.text),
+          e(o).is("link", t.link),
+          e(o).is("has-bg", t.bg),
+          e(o).is("block", t.block)
+        ]),
+        "aria-disabled": e(n) || t.loading,
+        disabled: e(n) || t.loading,
+        autofocus: t.autofocus,
+        type: t.nativeType,
+        style: T(e(h)),
+        onClick: f[0] || (f[0] = //@ts-ignore
+        (...x) => e(p) && e(p)(...x))
+      }, [
+        t.loading ? (l(), s(v, { key: 0 }, [
+          i.$slots.loading ? k(i.$slots, "loading", { key: 0 }) : (l(), g(e(z), {
+            key: 1,
+            rotate: "",
+            class: r(e(o).is("loading")),
+            icon: "ico-ep:loading"
+          }, null, 8, ["class"]))
+        ], 64)) : (b = e(d)) != null && b.icon ? (l(), g(e(z), A(N({ key: 1 }, e(d))), null, 16)) : B("", !0),
+        i.$slots.default ? (l(), s("span", {
+          key: 2,
+          class: r({ [e(o).em("text", "expand")]: e(y) })
+        }, [
+          k(i.$slots, "default")
+        ], 2)) : B("", !0)
+      ], 14, F);
+    };
+  }
+});
+export {
+  X as default
+};

package/es/components/checkbox/checkbox-button.vue2.js

@@ -0,0 +1,108 @@
+import { defineComponent as k, useSlots as $, inject as L, computed as c, openBlock as r, createElementBlock as b, normalizeClass as m, unref as t, withDirectives as x, isRef as y, vModelCheckbox as p, normalizeStyle as N, renderSlot as z, createTextVNode as D, toDisplayString as F, createCommentVNode as h } from "vue";
+import { useNamespace as j } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+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 { checkboxGroupContextKey as w } from "./constants.js";
+import "../form/index.js";
+import { useCheckbox as E } from "./composables/use-checkbox.js";
+const K = ["name", "tabindex", "disabled", "true-value", "false-value"], U = ["name", "tabindex", "disabled", "value"], M = k({
+  name: "VftCheckboxButton"
+}), Z = /* @__PURE__ */ k({
+  ...M,
+  props: {
+    modelValue: { type: [Number, String, Boolean] },
+    label: { type: [Number, String, Boolean, Object] },
+    indeterminate: { type: Boolean },
+    disabled: { type: Boolean },
+    checked: { type: Boolean },
+    name: null,
+    trueLabel: null,
+    falseLabel: null,
+    id: null,
+    controls: null,
+    border: { type: Boolean },
+    size: null,
+    tabindex: null,
+    validateEvent: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(o) {
+    const C = o, B = $(), {
+      isFocused: s,
+      isChecked: f,
+      isDisabled: v,
+      checkboxButtonSize: g,
+      model: u,
+      handleChange: d
+    } = E(C, B), i = L(w, void 0), n = j("checkbox"), S = c(() => {
+      var e, l;
+      const a = ((e = i == null ? void 0 : i.fill) == null ? void 0 : e.value) ?? "";
+      return {
+        backgroundColor: a,
+        borderColor: a,
+        color: ((l = i == null ? void 0 : i.textColor) == null ? void 0 : l.value) ?? "",
+        boxShadow: a ? `-1px 0 0 0 ${a}` : void 0
+      };
+    }), V = c(() => [
+      n.b("button"),
+      n.bm("button", g.value),
+      n.is("disabled", v.value),
+      n.is("checked", f.value),
+      n.is("focus", s.value)
+    ]);
+    return (a, e) => (r(), b("label", {
+      class: m(t(V))
+    }, [
+      o.trueLabel || o.falseLabel ? x((r(), b("input", {
+        key: 0,
+        "onUpdate:modelValue": e[0] || (e[0] = (l) => y(u) ? u.value = l : null),
+        class: m(t(n).be("button", "original")),
+        type: "checkbox",
+        name: o.name,
+        tabindex: o.tabindex,
+        disabled: t(v),
+        "true-value": o.trueLabel,
+        "false-value": o.falseLabel,
+        onChange: e[1] || (e[1] = //@ts-ignore
+        (...l) => t(d) && t(d)(...l)),
+        onFocus: e[2] || (e[2] = (l) => s.value = !0),
+        onBlur: e[3] || (e[3] = (l) => s.value = !1)
+      }, null, 42, K)), [
+        [p, t(u)]
+      ]) : x((r(), b("input", {
+        key: 1,
+        "onUpdate:modelValue": e[4] || (e[4] = (l) => y(u) ? u.value = l : null),
+        class: m(t(n).be("button", "original")),
+        type: "checkbox",
+        name: o.name,
+        tabindex: o.tabindex,
+        disabled: t(v),
+        value: o.label,
+        onChange: e[5] || (e[5] = //@ts-ignore
+        (...l) => t(d) && t(d)(...l)),
+        onFocus: e[6] || (e[6] = (l) => s.value = !0),
+        onBlur: e[7] || (e[7] = (l) => s.value = !1)
+      }, null, 42, U)), [
+        [p, t(u)]
+      ]),
+      a.$slots.default || o.label ? (r(), b("span", {
+        key: 2,
+        class: m(t(n).be("button", "inner")),
+        style: N(t(f) ? t(S) : void 0)
+      }, [
+        z(a.$slots, "default", {}, () => [
+          D(F(o.label), 1)
+        ])
+      ], 6)) : h("", !0)
+    ], 2));
+  }
+});
+export {
+  Z as default
+};

package/es/components/checkbox/checkbox-group.vue2.js

@@ -0,0 +1,82 @@
+import { defineComponent as d, computed as s, provide as f, toRefs as b, watch as x, openBlock as g, createBlock as h, resolveDynamicComponent as v, unref as l, normalizeClass as C, withCtx as k, renderSlot as y, nextTick as E } from "vue";
+import { pick as I } from "lodash";
+import { UPDATE_MODEL_EVENT as V } from "../../constants/event.js";
+import "@vft/utils";
+import { debugWarn as _ } from "../../utils/error.js";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import { useNamespace as B } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "@vue/reactivity";
+import "@vue/shared";
+import "../form/index.js";
+import { checkboxGroupContextKey as w } from "./constants.js";
+import { useFormItem as z, useFormItemInputId as D } from "../form/hooks/use-form-item.js";
+const F = d({
+  name: "VftCheckboxGroup"
+}), H = /* @__PURE__ */ d({
+  ...F,
+  props: {
+    modelValue: { default: () => [] },
+    disabled: { type: Boolean },
+    min: null,
+    max: null,
+    size: null,
+    label: null,
+    fill: null,
+    textColor: null,
+    tag: { default: "div" },
+    validateEvent: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: r }) {
+    const t = a, u = B("checkbox"), { formItem: o } = z(), { inputId: c, isLabeledByFormItem: n } = D(t, {
+      formItemContext: o
+    }), i = async (e) => {
+      r(V, e), await E(), r("change", e);
+    }, p = s({
+      get() {
+        return t.modelValue;
+      },
+      set(e) {
+        i(e);
+      }
+    });
+    return f(w, {
+      ...I(b(t), [
+        "size",
+        "min",
+        "max",
+        "disabled",
+        "validateEvent",
+        "fill",
+        "textColor"
+      ]),
+      modelValue: p,
+      changeEvent: i
+    }), x(
+      () => t.modelValue,
+      () => {
+        t.validateEvent && (o == null || o.validate("change").catch((e) => _(e)));
+      }
+    ), (e, T) => {
+      var m;
+      return g(), h(v(a.tag), {
+        id: l(c),
+        class: C(l(u).b("group")),
+        role: "group",
+        "aria-label": l(n) ? void 0 : a.label || "checkbox-group",
+        "aria-labelledby": l(n) ? (m = l(o)) == null ? void 0 : m.labelId : void 0
+      }, {
+        default: k(() => [
+          y(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["id", "class", "aria-label", "aria-labelledby"]);
+    };
+  }
+});
+export {
+  H as default
+};

package/es/components/checkbox/checkbox.vue2.js

@@ -0,0 +1,130 @@
+import { defineComponent as g, useSlots as D, computed as x, openBlock as s, createBlock as w, resolveDynamicComponent as z, unref as e, normalizeClass as o, withCtx as E, createElementVNode as y, withDirectives as C, createElementBlock as m, isRef as h, vModelCheckbox as B, renderSlot as I, Fragment as K, createTextVNode as O, toDisplayString as R, createCommentVNode as p } from "vue";
+import { useNamespace as U } from "../../hooks/use-namespace/index.js";
+import "@popperjs/core";
+import "lodash";
+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 "../form/index.js";
+import { useCheckbox as j } from "./composables/use-checkbox.js";
+const M = ["tabindex", "role", "aria-checked"], T = ["id", "aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"], q = ["id", "aria-hidden", "disabled", "value", "name", "tabindex"], t = (
+  /* hoist-static*/
+  U("checkbox")
+), A = g({
+  name: t.b()
+}), ne = /* @__PURE__ */ g({
+  ...A,
+  props: {
+    modelValue: { type: [Number, String, Boolean] },
+    label: { type: [Number, String, Boolean, Object] },
+    indeterminate: { type: Boolean },
+    disabled: { type: Boolean },
+    checked: { type: Boolean },
+    name: null,
+    trueLabel: null,
+    falseLabel: null,
+    id: null,
+    controls: null,
+    border: { type: Boolean },
+    size: null,
+    tabindex: null,
+    validateEvent: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(l) {
+    const b = l, L = D(), {
+      inputId: c,
+      isLabeledByFormItem: V,
+      isChecked: v,
+      isDisabled: u,
+      isFocused: d,
+      checkboxSize: N,
+      hasOwnLabel: f,
+      model: i,
+      handleChange: r,
+      onClickRoot: S
+    } = j(b, L), $ = x(() => [
+      t.b(),
+      t.m(N.value),
+      t.is("disabled", u.value),
+      t.is("bordered", b.border),
+      t.is("checked", v.value)
+    ]), F = x(() => [
+      t.e("input"),
+      t.is("disabled", u.value),
+      t.is("checked", v.value),
+      t.is("indeterminate", b.indeterminate),
+      t.is("focus", d.value)
+    ]);
+    return (k, n) => (s(), w(z(!e(f) && e(V) ? "span" : "label"), {
+      class: o(e($)),
+      "aria-controls": l.indeterminate ? l.controls : null,
+      onClick: e(S)
+    }, {
+      default: E(() => [
+        y("span", {
+          class: o(e(F)),
+          tabindex: l.indeterminate ? 0 : void 0,
+          role: l.indeterminate ? "checkbox" : void 0,
+          "aria-checked": l.indeterminate ? "mixed" : void 0
+        }, [
+          l.trueLabel || l.falseLabel ? C((s(), m("input", {
+            key: 0,
+            id: e(c),
+            "onUpdate:modelValue": n[0] || (n[0] = (a) => h(i) ? i.value = a : null),
+            class: o(e(t).e("original")),
+            type: "checkbox",
+            "aria-hidden": l.indeterminate ? "true" : "false",
+            name: l.name,
+            tabindex: l.tabindex,
+            disabled: e(u),
+            "true-value": l.trueLabel,
+            "false-value": l.falseLabel,
+            onChange: n[1] || (n[1] = //@ts-ignore
+            (...a) => e(r) && e(r)(...a)),
+            onFocus: n[2] || (n[2] = (a) => d.value = !0),
+            onBlur: n[3] || (n[3] = (a) => d.value = !1)
+          }, null, 42, T)), [
+            [B, e(i)]
+          ]) : C((s(), m("input", {
+            key: 1,
+            id: e(c),
+            "onUpdate:modelValue": n[4] || (n[4] = (a) => h(i) ? i.value = a : null),
+            class: o(e(t).e("original")),
+            type: "checkbox",
+            "aria-hidden": l.indeterminate ? "true" : "false",
+            disabled: e(u),
+            value: l.label,
+            name: l.name,
+            tabindex: l.tabindex,
+            onChange: n[5] || (n[5] = //@ts-ignore
+            (...a) => e(r) && e(r)(...a)),
+            onFocus: n[6] || (n[6] = (a) => d.value = !0),
+            onBlur: n[7] || (n[7] = (a) => d.value = !1)
+          }, null, 42, q)), [
+            [B, e(i)]
+          ]),
+          y("span", {
+            class: o(e(t).e("inner"))
+          }, null, 2)
+        ], 10, M),
+        e(f) ? (s(), m("span", {
+          key: 0,
+          class: o(e(t).e("label"))
+        }, [
+          I(k.$slots, "default"),
+          k.$slots.default ? p("", !0) : (s(), m(K, { key: 0 }, [
+            O(R(l.label), 1)
+          ], 64))
+        ], 2)) : p("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "aria-controls", "onClick"]));
+  }
+});
+export {
+  ne as default
+};