vft 0.0.48 → 0.0.50

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

@@ -0,0 +1,121 @@
+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 "../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 { useBackTop as I } from "./use-back-top.js";
+const r = (
+  /* hoist-static*/
+  _("back-top")
+), N = c({
+  name: r.b()
+}), Ut = /* @__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 {
+  Ut as default
+};

package/es/packages/components/back-top/index.js

@@ -0,0 +1,12 @@
+import { withInstall as t } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import o from "./back-top.vue2.js";
+const c = t(o);
+export {
+  c as VftBackTop,
+  c as default
+};

package/es/packages/components/back-top/use-back-top.js

@@ -0,0 +1,34 @@
+import "@vft/utils";
+import { shallowRef as n, ref as h, onMounted as d, watch as T } from "vue";
+import { throwError as g } from "../../utils/error.js";
+import "lodash";
+import { useThrottleFn as b, useEventListener as y, useTimeoutFn as S } from "@vueuse/core";
+import "../../utils/ns-cover.js";
+const q = (t, u, c) => {
+  const e = n(), o = n(), i = h(!1), a = () => {
+    e.value && e.value.scrollTo({ left: 0, top: 0, behavior: "smooth" });
+  }, s = () => {
+    e.value && (i.value = e.value.scrollTop >= t.visibilityHeight);
+  }, v = (l) => {
+    a(), u("click", l);
+  }, m = b(s, 300, !0);
+  y(o, "scroll", m), d(() => {
+    o.value = document, e.value = document.documentElement, t.target && S(() => {
+      r(t.target);
+    }, 10);
+  }), T([() => t == null ? void 0 : t.scrollTargetKey, () => t.target], (l, f) => {
+    (l[0] !== f[0] || l[1]) && r(t.target);
+  }, {
+    flush: "post"
+  });
+  function r(l) {
+    e.value = document.querySelector(l) ?? void 0, e.value || g(c, `target does not exist: ${l}`), e.value && (i.value = e.value.scrollTop >= t.visibilityHeight), o.value = e.value;
+  }
+  return {
+    visible: i,
+    handleClick: v
+  };
+};
+export {
+  q as useBackTop
+};

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

@@ -0,0 +1,57 @@
+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 "../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 $(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,
+  $ as useButtonCustomStyle
+};

package/es/packages/components/button/button-group.vue.js

@@ -0,0 +1,4 @@
+import f from "./button-group.vue2.js";
+export {
+  f as default
+};

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

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

package/es/packages/components/button/button.vue.js

@@ -0,0 +1,4 @@
+import f from "./button.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,100 @@
+import { defineComponent as C, computed as I, openBlock as l, createElementBlock as s, normalizeClass as d, 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 { 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()
+}), U = /* @__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 i = t, r = I(() => V(i.icon, "icon")), h = E(i), { _ref: c, _size: u, _type: m, _disabled: n, shouldAddSpace: y, handleClick: f } = j(i, $);
+    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
+    }), (a, p) => {
+      var b;
+      return l(), s("button", {
+        ref_key: "_ref",
+        ref: c,
+        class: d([
+          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: p[0] || (p[0] = //@ts-ignore
+        (...x) => e(f) && e(f)(...x))
+      }, [
+        t.loading ? (l(), s(v, { key: 0 }, [
+          a.$slots.loading ? k(a.$slots, "loading", { key: 0 }) : (l(), g(e(z), {
+            key: 1,
+            rotate: "",
+            class: d(e(o).is("loading")),
+            icon: "ico-ep:loading"
+          }, null, 8, ["class"]))
+        ], 64)) : (b = e(r)) != null && b.icon ? (l(), g(e(z), A(N({ key: 1 }, e(r))), null, 16)) : B("", !0),
+        a.$slots.default ? (l(), s("span", {
+          key: 2,
+          class: d({ [e(o).em("text", "expand")]: e(y) })
+        }, [
+          k(a.$slots, "default")
+        ], 2)) : B("", !0)
+      ], 14, F);
+    };
+  }
+});
+export {
+  U as default
+};

package/es/packages/components/button/constants.js

@@ -0,0 +1,6 @@
+const t = Symbol(
+  "buttonGroupContextKey"
+);
+export {
+  t as buttonGroupContextKey
+};

package/es/packages/components/button/index.js

@@ -0,0 +1,18 @@
+import { withInstall as o, withNoopInstall as r } from "../../utils/vue/install.js";
+import "vue";
+import "@vft/utils";
+import "lodash";
+import "@vueuse/core";
+import "../../utils/ns-cover.js";
+import m from "./button.vue2.js";
+import t from "./button-group.vue2.js";
+import { buttonGroupContextKey as B } from "./constants.js";
+const l = o(m, {
+  ButtonGroup: t
+}), c = r(t);
+export {
+  l as VftButton,
+  c as VftButtonGroup,
+  B as buttonGroupContextKey,
+  l as default
+};

package/es/packages/components/button/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-button.css";

package/es/packages/components/button/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/button.scss";

package/es/packages/components/button/use-button.js

@@ -0,0 +1,39 @@
+import { inject as g, computed as s, ref as I, useSlots as S, Text as _ } from "vue";
+import "../form/index.js";
+import "../config-provider/index.js";
+import { buttonGroupContextKey as v } from "./constants.js";
+import { useGlobalConfig as F } from "../config-provider/hooks/use-global-config.js";
+import { useFormItem as b } from "../form/hooks/use-form-item.js";
+import { useFormSize as k, useFormDisabled as z } from "../form/hooks/use-form-common-props.js";
+const U = (i, a) => {
+  const t = g(v, void 0), l = F("button"), { form: n } = b(), m = k(s(() => t == null ? void 0 : t.size)), u = z(), d = I(), r = S(), f = s(() => i.type || (t == null ? void 0 : t.type) || ""), p = s(
+    () => {
+      var e;
+      return i.autoInsertSpace ?? ((e = l.value) == null ? void 0 : e.autoInsertSpace) ?? !1;
+    }
+  ), h = s(() => {
+    var c;
+    const e = (c = r.default) == null ? void 0 : c.call(r);
+    if (p.value && (e == null ? void 0 : e.length) === 1) {
+      const o = e[0];
+      if ((o == null ? void 0 : o.type) === _) {
+        const y = o.children;
+        return /^\p{Unified_Ideograph}{2}$/u.test(y.trim());
+      }
+    }
+    return !1;
+  });
+  return {
+    _disabled: u,
+    _size: m,
+    _type: f,
+    _ref: d,
+    shouldAddSpace: h,
+    handleClick: (e) => {
+      i.nativeType === "reset" && (n == null || n.resetFields()), a("click", e);
+    }
+  };
+};
+export {
+  U as useButton
+};

package/es/packages/components/button-group/style/css.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-button-group.css";

package/es/packages/components/button-group/style/index.js

@@ -0,0 +1,2 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/button-group.scss";

package/es/packages/components/checkbox/checkbox-button.vue.js

@@ -0,0 +1,4 @@
+import f from "./checkbox-button.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,106 @@
+import { defineComponent as p, 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 k, 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 { 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 = p({
+  name: "VftCheckboxButton"
+}), X = /* @__PURE__ */ p({
+  ...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(n) {
+    const C = n, B = $(), {
+      isFocused: s,
+      isChecked: f,
+      isDisabled: v,
+      checkboxButtonSize: g,
+      model: u,
+      handleChange: d
+    } = E(C, B), i = L(w, void 0), o = 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(() => [
+      o.b("button"),
+      o.bm("button", g.value),
+      o.is("disabled", v.value),
+      o.is("checked", f.value),
+      o.is("focus", s.value)
+    ]);
+    return (a, e) => (r(), b("label", {
+      class: m(t(V))
+    }, [
+      n.trueLabel || n.falseLabel ? x((r(), b("input", {
+        key: 0,
+        "onUpdate:modelValue": e[0] || (e[0] = (l) => y(u) ? u.value = l : null),
+        class: m(t(o).be("button", "original")),
+        type: "checkbox",
+        name: n.name,
+        tabindex: n.tabindex,
+        disabled: t(v),
+        "true-value": n.trueLabel,
+        "false-value": n.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)), [
+        [k, t(u)]
+      ]) : x((r(), b("input", {
+        key: 1,
+        "onUpdate:modelValue": e[4] || (e[4] = (l) => y(u) ? u.value = l : null),
+        class: m(t(o).be("button", "original")),
+        type: "checkbox",
+        name: n.name,
+        tabindex: n.tabindex,
+        disabled: t(v),
+        value: n.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)), [
+        [k, t(u)]
+      ]),
+      a.$slots.default || n.label ? (r(), b("span", {
+        key: 2,
+        class: m(t(o).be("button", "inner")),
+        style: N(t(f) ? t(S) : void 0)
+      }, [
+        z(a.$slots, "default", {}, () => [
+          D(F(n.label), 1)
+        ])
+      ], 6)) : h("", !0)
+    ], 2));
+  }
+});
+export {
+  X as default
+};

package/es/packages/components/checkbox/checkbox-group.vue.js

@@ -0,0 +1,4 @@
+import f from "./checkbox-group.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,80 @@
+import { defineComponent as d, computed as p, 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 "../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"
+}), j = /* @__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);
+    }, s = p({
+      get() {
+        return t.modelValue;
+      },
+      set(e) {
+        i(e);
+      }
+    });
+    return f(w, {
+      ...I(b(t), [
+        "size",
+        "min",
+        "max",
+        "disabled",
+        "validateEvent",
+        "fill",
+        "textColor"
+      ]),
+      modelValue: s,
+      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 {
+  j as default
+};

package/es/packages/components/checkbox/checkbox.vue.js

@@ -0,0 +1,4 @@
+import f from "./checkbox.vue2.js";
+export {
+  f as default
+};