vft 0.0.428 → 0.0.430

package/es/components/cascader-panel/index.vue2.js

@@ -0,0 +1,207 @@
+import { defineComponent as Y, useSlots as ae, ref as E, computed as z, provide as ne, reactive as F, watch as b, onBeforeUpdate as le, onMounted as se, createElementBlock as I, openBlock as D, normalizeClass as re, unref as K, Fragment as ce, renderList as ue, createBlock as ie, withCtx as de, renderSlot as pe, nextTick as fe } from "vue";
+import { isEqual as $, flattenDeep as me, cloneDeep as ve } from "lodash-es";
+import { focusNode as M, getSibling as he } from "../../utils/dom/aria.js";
+import "@vueuse/core";
+import { scrollIntoView as Ne } from "../../utils/dom/scroll.js";
+import { isEmpty as H, isClient as ge } from "@vft/utils";
+import { unique as U, castArray as G } from "../../utils/helper.js";
+import "../form/index.js";
+import { EVENT_CODE as v } from "../../constants/aria.js";
+import { UPDATE_MODEL_EVENT as Ee, CHANGE_EVENT as ke } from "../../constants/event.js";
+import { useNamespace as ye } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import Ce from "./menu.vue2.js";
+import J from "./store.js";
+import _e from "./node.js";
+import { cascaderPanelEmits as xe, cascaderPanelProps as be, useCascaderConfig as Se } from "./config.js";
+import { sortByOriginalOrder as we, checkNode as Ve, getMenuIndex as R } from "./utils.js";
+import { CASCADER_PANEL_INJECTION_KEY as De } from "./types.js";
+const $e = Y({
+  name: "VftCascaderPanel",
+  inheritAttrs: !1
+}), We = /* @__PURE__ */ Y({
+  ...$e,
+  props: be,
+  emits: xe,
+  setup(j, { expose: Q, emit: W }) {
+    const r = j, k = W;
+    let y = !1;
+    const c = ye("cascader"), u = Se(r), X = ae();
+    let i;
+    const C = E(!0), h = E([]), _ = E(), p = E([]), N = E(), f = E([]), Z = z(() => u.value.expandTrigger === "hover"), ee = z(() => r.renderLabel || X.default), B = () => {
+      const { options: e } = r, t = u.value;
+      y = !1, i = new J(e, t), p.value = [i.getNodes()], t.lazy && H(r.options) ? (C.value = !1, S(void 0, (o) => {
+        o && (i = new J(o, t), p.value = [i.getNodes()]), C.value = !0, g(!1, !0);
+      })) : g(!1, !0);
+    }, S = (e, t) => {
+      const o = u.value;
+      e = e || new _e({}, o, void 0, !0), e.loading = !0;
+      const n = (a) => {
+        const l = e, m = l.root ? null : l;
+        a && i?.appendNodes(a, m), l.loading = !1, l.loaded = !0, l.childrenData = l.childrenData || [], a && t?.(a);
+      };
+      o.lazyLoad(e, n);
+    }, w = (e, t) => {
+      const { level: o } = e, n = p.value.slice(0, o);
+      let a;
+      e.isLeaf ? a = e.pathNodes[o - 2] : (a = e, n.push(e.children)), N.value?.uid !== a?.uid && (N.value = e, p.value = n, !t && k("expand-change", e?.pathValues || []));
+    }, L = (e, t, o = !0) => {
+      const { checkStrictly: n, multiple: a } = u.value, l = f.value[0];
+      y = !0, !a && l?.doCheck(!1), e.doCheck(t), V(), o && !a && !n && k("close"), !o && !a && !n && T(e);
+    }, T = (e) => {
+      e && (e = e.parent, T(e), e && w(e));
+    }, q = (e) => i?.getFlattedNodes(e), A = (e) => q(e)?.filter(({ checked: t }) => t !== !1), te = () => {
+      f.value.forEach((e) => e.doCheck(!1)), V(), p.value = p.value.slice(0, 1), N.value = void 0, k("expand-change", []);
+    }, V = () => {
+      const { checkStrictly: e, multiple: t } = u.value, o = f.value, n = A(!e), a = we(o, n), l = a.map((m) => m.valueByOption);
+      f.value = a, _.value = t ? l : l[0];
+    }, g = (e = !1, t = !1) => {
+      const { modelValue: o } = r, { lazy: n, multiple: a, checkStrictly: l } = u.value, m = !l;
+      if (!(!C.value || y || !t && $(o, _.value)))
+        if (n && !e) {
+          const x = U(
+            me(G(o))
+          ).map((d) => i?.getNodeByValue(d)).filter((d) => !!d && !d.loaded && !d.loading);
+          x.length ? x.forEach((d) => {
+            S(d, () => g(!1, t));
+          }) : g(!0, t);
+        } else {
+          const s = a ? G(o) : [o], x = U(
+            s.map(
+              (d) => i?.getNodeByValue(d, m)
+            )
+          );
+          oe(x, t), _.value = ve(o ?? void 0);
+        }
+    }, oe = (e, t = !0) => {
+      const { checkStrictly: o } = u.value, n = f.value, a = e.filter(
+        (s) => !!s && (o || s.isLeaf)
+      ), l = i?.getSameNode(N.value), m = t && l || a[0];
+      m ? m.pathNodes.forEach((s) => w(s, !0)) : N.value = void 0, n.forEach((s) => s.doCheck(!1)), F(a).forEach((s) => s.doCheck(!0)), f.value = a, fe(O);
+    }, O = () => {
+      ge && h.value.forEach((e) => {
+        const t = e?.$el;
+        if (t) {
+          const o = t.querySelector(
+            `.${c.namespace.value}-scrollbar__wrap`
+          ), n = t.querySelector(
+            `.${c.b("node")}.${c.is("active")}:last-child`
+          ) || t.querySelector(`.${c.b("node")}.in-active-path`);
+          Ne(o, n);
+        }
+      });
+    }, P = (e) => {
+      const t = e.target, { code: o } = e;
+      switch (o) {
+        case v.up:
+        case v.down: {
+          e.preventDefault();
+          const n = o === v.up ? -1 : 1;
+          M(
+            he(
+              t,
+              n,
+              `.${c.b("node")}[tabindex="-1"]`
+            )
+          );
+          break;
+        }
+        case v.left: {
+          e.preventDefault();
+          const a = h.value[R(t) - 1]?.$el.querySelector(
+            `.${c.b("node")}[aria-expanded="true"]`
+          );
+          M(a);
+          break;
+        }
+        case v.right: {
+          e.preventDefault();
+          const a = h.value[R(t) + 1]?.$el.querySelector(
+            `.${c.b("node")}[tabindex="-1"]`
+          );
+          M(a);
+          break;
+        }
+        case v.enter:
+        case v.numpadEnter:
+          Ve(t);
+          break;
+      }
+    };
+    return ne(
+      De,
+      F({
+        config: u,
+        expandingNode: N,
+        checkedNodes: f,
+        isHoverMenu: Z,
+        initialLoaded: C,
+        renderLabelFn: ee,
+        lazyLoad: S,
+        expandNode: w,
+        handleCheckChange: L
+      })
+    ), b(
+      u,
+      (e, t) => {
+        $(e, t) || B();
+      },
+      {
+        immediate: !0
+      }
+    ), b(() => r.options, B, {
+      deep: !0
+    }), b(
+      () => r.modelValue,
+      () => {
+        y = !1, g();
+      },
+      {
+        deep: !0
+      }
+    ), b(
+      () => _.value,
+      (e) => {
+        $(e, r.modelValue) || (k(Ee, e), k(ke, e));
+      }
+    ), le(() => h.value = []), se(() => !H(r.modelValue) && g()), Q({
+      menuList: h,
+      menus: p,
+      checkedNodes: f,
+      handleKeyDown: P,
+      handleCheckChange: L,
+      getFlattedNodes: q,
+      /**
+       * @description get an array of currently selected node,(leafOnly) whether only return the leaf checked nodes, default is `false`
+       */
+      getCheckedNodes: A,
+      /**
+       * @description clear checked nodes
+       */
+      clearCheckedNodes: te,
+      calculateCheckedValue: V,
+      scrollToExpandingNode: O
+    }), (e, t) => (D(), I("div", {
+      class: re([K(c).b("panel"), K(c).is("bordered", e.border)]),
+      onKeydown: P
+    }, [
+      (D(!0), I(ce, null, ue(p.value, (o, n) => (D(), ie(Ce, {
+        key: n,
+        ref_for: !0,
+        ref: (a) => h.value[n] = a,
+        index: n,
+        nodes: [...o]
+      }, {
+        empty: de(() => [
+          pe(e.$slots, "empty")
+        ]),
+        _: 3
+      }, 8, ["index", "nodes"]))), 128))
+    ], 34));
+  }
+});
+export {
+  We as default
+};

package/es/components/cascader-panel/menu.vue2.js

@@ -0,0 +1,97 @@
+import { defineComponent as N, getCurrentInstance as I, inject as Z, ref as b, computed as p, createBlock as k, openBlock as r, unref as e, normalizeClass as l, withCtx as A, createElementBlock as m, createCommentVNode as B, Fragment as z, renderList as S, createVNode as q, createTextVNode as x, renderSlot as R } from "vue";
+import { VftScrollbar as X } from "../scrollbar/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useId as j } from "../../hooks/use-id/index.js";
+import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { VftIcon as F } from "../icon/index.js";
+import J from "./node.vue2.js";
+import { CASCADER_PANEL_INJECTION_KEY as K } from "./types.js";
+const O = N({
+  name: "VftCascaderMenu"
+}), ce = /* @__PURE__ */ N({
+  ...O,
+  props: {
+    nodes: {
+      type: Array,
+      required: !0
+    },
+    index: {
+      type: Number,
+      required: !0
+    }
+  },
+  setup(f) {
+    const v = f, w = I(), t = D("cascader-menu"), E = j();
+    let s, i;
+    const c = Z(K), a = b(), y = p(() => !v.nodes.length), H = p(() => !c.initialLoaded), g = p(() => `${E.value}-${v.index}`), L = (n) => {
+      s = n.target;
+    }, V = (n) => {
+      if (!(!c.isHoverMenu || !s || !a.value))
+        if (s.contains(n.target)) {
+          h();
+          const o = w.vnode.el, { left: u } = o.getBoundingClientRect(), { offsetWidth: M, offsetHeight: _ } = o, C = n.clientX - u, d = s.offsetTop, T = d + s.offsetHeight;
+          a.value.innerHTML = `
+          <path style="pointer-events: auto;" fill="transparent" d="M${C} ${d} L${M} 0 V${d} Z" />
+          <path style="pointer-events: auto;" fill="transparent" d="M${C} ${T} L${M} ${_} V${T} Z" />
+        `;
+        } else i || (i = window.setTimeout($, c.config.hoverThreshold));
+    }, h = () => {
+      i && (clearTimeout(i), i = void 0);
+    }, $ = () => {
+      a.value && (a.value.innerHTML = "", h());
+    };
+    return (n, o) => (r(), k(e(X), {
+      key: g.value,
+      tag: "ul",
+      role: "menu",
+      class: l(e(t).b()),
+      "wrap-class": e(t).e("wrap"),
+      "view-class": [e(t).e("list"), e(t).is("empty", y.value)],
+      onMousemove: V,
+      onMouseleave: $
+    }, {
+      default: A(() => [
+        (r(!0), m(z, null, S(f.nodes, (u) => (r(), k(J, {
+          key: u.uid,
+          node: u,
+          "menu-id": g.value,
+          onExpand: L
+        }, null, 8, ["node", "menu-id"]))), 128)),
+        H.value ? (r(), m("div", {
+          key: 0,
+          class: l(e(t).e("empty-text"))
+        }, [
+          q(e(F), {
+            icon: "icon-loadding",
+            size: "14",
+            class: l(e(t).is("loading"))
+          }, null, 8, ["class"]),
+          o[0] || (o[0] = x(" 加载中 ", -1))
+        ], 2)) : y.value ? (r(), m("div", {
+          key: 1,
+          class: l(e(t).e("empty-text"))
+        }, [
+          R(n.$slots, "empty", {}, () => [
+            o[1] || (o[1] = x("暂无数据", -1))
+          ])
+        ], 2)) : e(c)?.isHoverMenu ? (r(), m("svg", {
+          key: 2,
+          ref_key: "hoverZone",
+          ref: a,
+          class: l(e(t).e("hover-zone"))
+        }, null, 2)) : B("", !0)
+      ]),
+      _: 3
+    }, 8, ["class", "wrap-class", "view-class"]));
+  }
+});
+export {
+  ce as default
+};

package/es/components/cascader-panel/node.vue2.js

@@ -0,0 +1,123 @@
+import { defineComponent as H, inject as F, computed as d, createElementBlock as P, openBlock as u, normalizeClass as f, unref as n, createBlock as m, createCommentVNode as S, createVNode as O, withModifiers as L, withCtx as R, createElementVNode as U, Fragment as $ } from "vue";
+import { VftCheckbox as q } from "../checkbox/index.js";
+import { VftRadio as J } from "../radio/index.js";
+import { VftIcon as x } from "../icon/index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as K } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import T from "./node-content.js";
+import { CASCADER_PANEL_INJECTION_KEY as Y } from "./types.js";
+const G = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"], Q = H({
+  name: "VftCascaderNode"
+}), re = /* @__PURE__ */ H({
+  ...Q,
+  props: {
+    node: {
+      type: Object,
+      required: !0
+    },
+    menuId: String
+  },
+  emits: ["expand"],
+  setup(o, { emit: M }) {
+    const t = o, A = M, l = F(Y), c = K("cascader-node"), C = d(() => l.isHoverMenu), b = d(() => l.config.multiple), s = d(() => l.config.checkStrictly), N = d(() => l.config.showPrefix), B = d(() => l.checkedNodes[0]?.uid), r = d(() => t.node.isDisabled), i = d(() => t.node.isLeaf), p = d(
+      () => s.value && !i.value || !r.value
+    ), h = d(() => g(l.expandingNode)), D = d(
+      () => s.value && l.checkedNodes.some(g)
+    ), g = (e) => {
+      const { level: a, uid: z } = t.node;
+      return e?.pathNodes[a - 1]?.uid === z;
+    }, v = () => {
+      h.value || l.expandNode(t.node);
+    }, y = (e) => {
+      const { node: a } = t;
+      e !== a.checked && l.handleCheckChange(a, e);
+    }, E = () => {
+      l.lazyLoad(t.node, () => {
+        i.value || v();
+      });
+    }, V = (e) => {
+      C.value && (w(), !i.value && A("expand", e));
+    }, w = () => {
+      const { node: e } = t;
+      !p.value || e.loading || (e.loaded ? v() : E());
+    }, j = () => {
+      C.value && !i.value || (i.value && !r.value && !s.value && !b.value ? I(!0) : w());
+    }, k = (e) => {
+      s.value ? (y(e), t.node.loaded && v()) : I(e);
+    }, I = (e) => {
+      t.node.loaded ? (y(e), !s.value && v()) : E();
+    };
+    return (e, a) => (u(), P("li", {
+      id: `${o.menuId}-${o.node.uid}`,
+      role: "menuitem",
+      "aria-haspopup": !i.value,
+      "aria-owns": i.value ? void 0 : o.menuId,
+      "aria-expanded": h.value,
+      tabindex: p.value ? -1 : void 0,
+      class: f([
+        n(c).b(),
+        n(c).is("selectable", s.value),
+        n(c).is("active", o.node.checked),
+        n(c).is("disabled", !p.value),
+        h.value && "in-active-path",
+        D.value && "in-checked-path"
+      ]),
+      onMouseenter: V,
+      onFocus: V,
+      onClick: j
+    }, [
+      b.value && N.value ? (u(), m(n(q), {
+        key: 0,
+        "model-value": o.node.checked,
+        indeterminate: o.node.indeterminate,
+        disabled: r.value,
+        onClick: a[0] || (a[0] = L(() => {
+        }, ["stop"])),
+        "onUpdate:modelValue": k
+      }, null, 8, ["model-value", "indeterminate", "disabled"])) : s.value && N.value ? (u(), m(n(J), {
+        key: 1,
+        "model-value": B.value,
+        label: o.node.uid,
+        disabled: r.value,
+        "onUpdate:modelValue": k,
+        onClick: a[1] || (a[1] = L(() => {
+        }, ["stop"]))
+      }, {
+        default: R(() => [...a[2] || (a[2] = [
+          U("span", null, null, -1)
+        ])]),
+        _: 1
+      }, 8, ["model-value", "label", "disabled"])) : i.value && o.node.checked ? (u(), m(n(x), {
+        key: 2,
+        icon: "icon-check",
+        class: f(n(c).e("prefix"))
+      }, null, 8, ["class"])) : S("", !0),
+      O(n(T), {
+        node: o.node,
+        disabled: r.value,
+        onHandleSelectCheck: k
+      }, null, 8, ["node", "disabled"]),
+      i.value ? S("", !0) : (u(), P($, { key: 3 }, [
+        o.node.loading ? (u(), m(n(x), {
+          key: 0,
+          icon: "icon-loading",
+          class: f([n(c).is("loading"), n(c).e("postfix")])
+        }, null, 8, ["class"])) : (u(), m(n(x), {
+          key: 1,
+          icon: "icon-arrow-right",
+          class: f(["arrow-right", n(c).e("postfix")])
+        }, null, 8, ["class"]))
+      ], 64))
+    ], 42, G));
+  }
+});
+export {
+  re as default
+};

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

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

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

@@ -0,0 +1,98 @@
+import { defineComponent as c, computed as x, provide as h, toRefs as k, watch as g, createBlock as m, openBlock as n, resolveDynamicComponent as u, unref as l, normalizeClass as y, withCtx as E, createElementBlock as I, renderSlot as B, Fragment as C, renderList as V, nextTick as z } from "vue";
+import "../form/index.js";
+import { UPDATE_MODEL_EVENT as F } from "../../constants/event.js";
+import "@vueuse/core";
+import "@vft/utils";
+import { debugWarn as _ } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
+import { pick as w } from "lodash-es";
+import { useNamespace as D } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import L from "./checkbox.vue2.js";
+import T from "./checkbox-button.vue2.js";
+import { checkboxGroupContextKey as $ } from "./constants.js";
+import { useFormItem as G, useFormItemInputId as N } from "../form/hooks/use-form-item.js";
+const A = c({
+  name: "VftCheckboxGroup"
+}), te = /* @__PURE__ */ c({
+  ...A,
+  props: {
+    modelValue: { default: () => [] },
+    disabled: { type: Boolean },
+    min: {},
+    max: {},
+    size: {},
+    label: {},
+    fill: {},
+    textColor: {},
+    tag: { default: "div" },
+    validateEvent: { type: Boolean, default: !0 },
+    useButton: { type: Boolean },
+    options: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: p }) {
+    const o = a, i = p, f = D("checkbox"), { formItem: r } = G(), { inputId: b, isLabeledByFormItem: d } = N(o, {
+      formItemContext: r
+    }), s = async (t) => {
+      i(F, t), await z(), i("change", t);
+    }, v = x({
+      get() {
+        return o.modelValue;
+      },
+      set(t) {
+        s(t);
+      }
+    });
+    return h($, {
+      ...w(k(o), [
+        "size",
+        "min",
+        "max",
+        "disabled",
+        "validateEvent",
+        "fill",
+        "textColor"
+      ]),
+      modelValue: v,
+      changeEvent: s
+    }), g(
+      () => o.modelValue,
+      () => {
+        o.validateEvent && r?.validate("change").catch((t) => _(t));
+      }
+    ), (t, K) => (n(), m(u(a.tag), {
+      id: l(b),
+      class: y(l(f).b("group")),
+      role: "group",
+      "aria-label": l(d) ? void 0 : a.label || "checkbox-group",
+      "aria-labelledby": l(d) ? l(r)?.labelId : void 0
+    }, {
+      default: E(() => [
+        a.options ? (n(!0), I(C, { key: 0 }, V(a.options, (e) => (n(), m(u(a.useButton ? T : L), {
+          value: e.value,
+          label: e.label,
+          indeterminate: e.indeterminate,
+          disabled: e.disabled,
+          checked: e.checked,
+          name: e.name,
+          "true-value": e.trueValue,
+          "false-value": e.falseValue,
+          id: e.id,
+          controls: e.controls,
+          border: e.border,
+          size: e.size,
+          tabindex: e.tabindex,
+          "validate-event": e.validateEvent,
+          key: e.value
+        }, null, 8, ["value", "label", "indeterminate", "disabled", "checked", "name", "true-value", "false-value", "id", "controls", "border", "size", "tabindex", "validate-event"]))), 128)) : B(t.$slots, "default", { key: 1 })
+      ]),
+      _: 3
+    }, 8, ["id", "class", "aria-label", "aria-labelledby"]));
+  }
+});
+export {
+  te as default
+};