@das-fed/upf-ui 6.4.0-dev.222 → 6.4.0-dev.224

package/packages/components/checkbox/index.js

@@ -1,20 +1,20 @@
 import '@das-fed/upf-ui/packages/components/checkbox/style.css';
-import { defineComponent as ae, computed as k, reactive as le, toRefs as te, watchEffect as ue, watch as oe, useSlots as se, ref as Q, onMounted as ce, openBlock as u, createElementBlock as c, normalizeStyle as p, createBlock as W, unref as i, mergeProps as U, isRef as A, withCtx as M, withDirectives as g, renderSlot as C, createCommentVNode as n, normalizeClass as f, Fragment as $, renderList as B, createElementVNode as j, createTextVNode as N, toDisplayString as x, createVNode as G } from "vue";
+import { defineComponent as ae, computed as p, reactive as le, toRefs as oe, watchEffect as te, watch as se, useSlots as ue, ref as Q, onMounted as re, openBlock as o, createElementBlock as u, normalizeStyle as y, createBlock as W, unref as r, mergeProps as U, isRef as A, withCtx as M, withDirectives as g, renderSlot as C, createCommentVNode as c, normalizeClass as n, Fragment as $, renderList as B, createElementVNode as j, createTextVNode as N, toDisplayString as k, createVNode as G } from "vue";
 import { withInstall as ie } from "@das-fed/upf-utils/with-install/index";
 import { CheckboxGroup as de } from "ant-design-vue/es";
 import "ant-design-vue/es/checkbox/style/css";
 import { Checkbox as H } from "ant-design-vue";
-import { DasAutoRegisterIcon as re, DasIcon as J } from "@das-fed/upf-ui/packages/components/icon/index";
-import { vDasTooltip as T } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
+import { DasAutoRegisterIcon as ce, DasIcon as J } from "@das-fed/upf-ui/packages/components/icon/index";
+import { vDasTooltip as x } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
 import { useModelValue as K } from "@das-fed/upf-utils/vue";
 import { setThemeRule as ne } from "@das-fed/upf-web/packages/theme/index";
 const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
   key: 0,
   class: "square-select-icon"
-}, ve = {
+}, pe = {
   key: 1,
   class: "empty-text"
-}, ke = ["onClick", "tabindex"], xe = {
+}, ke = ["onClick", "tabindex"], ve = {
   key: 6,
   class: "das-checkbox-error-label-content"
 }, me = {
@@ -23,7 +23,7 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
 }, ye = {
   key: 7,
   class: "das-checkbox-overlay-error-label-content"
-}, pe = { class: "label" }, ge = /* @__PURE__ */ ae({
+}, ge = { class: "label" }, xe = /* @__PURE__ */ ae({
   __name: "Index",
   props: {
     modelValue: { default: null },
@@ -51,81 +51,81 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
     formSize: {}
   },
   emits: ["change", "update:modelValue", "update:indeterminate"],
-  setup(a, { emit: S }) {
-    re({
+  setup(T, { emit: S }) {
+    ce({
       select: import("@das-fed/upf-ui/packages/icons/select")
     });
-    const o = a, z = k(() => o.noSetDefaultVal ? "" : "-"), D = le({
+    const t = T, z = p(() => t.noSetDefaultVal ? "" : "-"), D = le({
       checkboxValue: null,
       isFocus: !1,
       checkboxLayout: "",
       checkboxIndeterminate: !1
     });
-    let { checkboxValue: s, isFocus: F, checkboxIndeterminate: m } = te(D);
-    const I = o.layout, y = S;
-    ue(() => {
-      s.value = o.modelValue, m.value = o.indeterminate, o.checkboxType == "default" && o.optionType == "default" && o.modelValue && (m.value = !1);
-    }), oe(s, (l) => {
-      y("update:modelValue", l);
+    let { checkboxValue: s, isFocus: F, checkboxIndeterminate: v } = oe(D);
+    const I = t.layout, m = S;
+    te(() => {
+      s.value = t.modelValue, v.value = t.indeterminate, t.checkboxType == "default" && t.optionType == "default" && t.modelValue && (v.value = !1);
+    }), se(s, (e) => {
+      m("update:modelValue", e);
     });
-    const b = K(o, "defaultProps"), V = K(o, "options"), h = k(() => V.value.length ? V.value.map((l) => {
-      var t;
+    const f = K(t, "defaultProps"), V = K(t, "options"), b = p(() => V.value.length ? V.value.map((e) => {
+      var l;
       return {
-        value: l[b.value.value],
-        label: l[b.value.label],
-        disabled: l.disabled,
+        value: e[f.value.value],
+        label: e[f.value.label],
+        disabled: e.disabled,
         isFocus: !1,
-        checked: (t = o.modelValue) == null ? void 0 : t.includes(l[b.value.value]),
-        mutual: l.mutual
+        checked: (l = t.modelValue) == null ? void 0 : l.includes(e[f.value.value]),
+        mutual: e.mutual
       };
     }) : []), O = () => {
-      m && (m.value = !1, y("update:indeterminate", m.value), y("update:modelValue", s.value)), y("change", s.value);
-    }, X = o.disabled, Y = h.value.some((l) => !!l.mutual), L = (l, t) => {
+      v && (v.value = !1, m("update:indeterminate", v.value), m("update:modelValue", s.value)), m("change", s.value);
+    }, X = t.disabled, Y = b.value.some((e) => !!e.mutual), L = (e, l) => {
       if (!X)
-        if (l == "group") {
-          if (t.disabled) return;
-          Y ? t.mutual ? (h.value.forEach((d) => {
-            d.checked = !1;
-          }), t.checked = !0) : (t.checked = !t.checked, h.value.forEach((d) => {
-            d.mutual && (d.checked = !h.value.some((e) => e.checked));
-          })) : t.checked = !t.checked, t.isFocus = !0, s.value = h.value.filter((d) => d.checked).map((d) => d.value), y("change", s.value);
+        if (e == "group") {
+          if (l.disabled) return;
+          Y ? l.mutual ? (b.value.forEach((i) => {
+            i.checked = !1;
+          }), l.checked = !0) : (l.checked = !l.checked, b.value.forEach((i) => {
+            i.mutual && (i.checked = !b.value.some((a) => a.checked));
+          })) : l.checked = !l.checked, l.isFocus = !0, s.value = b.value.filter((i) => i.checked).map((i) => i.value), m("change", s.value);
         } else
-          s.value = !s.value, F.value = !0, y("change", s.value);
-    }, R = k(() => {
-      var l, t, d;
-      if (!o.isView) return [];
-      if ((!((l = V.value) != null && l.length) || !((t = s.value) != null && t.length)) && o.checkboxType == "group") return [];
-      if (o.checkboxType == "group")
-        return V.value.filter((e) => {
-          if (s.value.includes(e[b.value.value]))
-            return e;
+          s.value = !s.value, F.value = !0, m("change", s.value);
+    }, R = p(() => {
+      var e, l, i;
+      if (!t.isView) return [];
+      if ((!((e = V.value) != null && e.length) || !((l = s.value) != null && l.length)) && t.checkboxType == "group") return [];
+      if (t.checkboxType == "group")
+        return V.value.filter((a) => {
+          if (s.value.includes(a[f.value.value]))
+            return a;
         });
       {
         if (!s.value) return [];
-        const e = se();
-        let r = null;
-        return e && e.default && ((d = e.default()) == null ? void 0 : d.length) == 0 && (r = e.default()[0].children), [
+        const a = ue();
+        let d = null;
+        return a && a.default && ((i = a.default()) == null ? void 0 : i.length) == 0 && (d = a.default()[0].children), [
           {
             value: s.value,
-            label: r
+            label: d
           }
         ];
       }
-    }), P = (l, t) => {
-      l == "group" ? t.isFocus = !1 : F.value = !1;
-    }, Z = k(() => o.maxWidth ? o.maxWidth : o.width), v = k(() => {
-      let l = `${Number(String(Z.value).split("px")[0])}`;
-      if (o.maxWidth)
-        return `max-width:${l}px`;
-      if (o.width)
-        return Number(l) > 72 && o.maxWidth ? `width:${l};max-width:${l}px;` : `width:${l}px`;
+    }), P = (e, l) => {
+      e == "group" ? l.isFocus = !1 : F.value = !1;
+    }, Z = p(() => t.maxWidth ? t.maxWidth : t.width), h = p(() => {
+      let e = `${Number(String(Z.value).split("px")[0])}`;
+      if (t.maxWidth)
+        return `max-width:${e}px`;
+      if (t.width)
+        return Number(e) > 72 && t.maxWidth ? `width:${e};max-width:${e}px;` : `width:${e}px`;
     }), E = Q(null), _ = () => {
       setTimeout(() => {
-        var t, d;
-        const l = (d = (t = E.value) == null ? void 0 : t.$el) == null ? void 0 : d.querySelectorAll(".ant-checkbox-input");
-        l && l.length && l.forEach((e) => e.setAttribute("tabindex", "-1"));
+        var l, i;
+        const e = (i = (l = E.value) == null ? void 0 : l.$el) == null ? void 0 : i.querySelectorAll(".ant-checkbox-input");
+        e && e.length && e.forEach((a) => a.setAttribute("tabindex", "-1"));
       }, 1e3);
-    }, q = k(() => o.formSize), ee = k(() => ({
+    }, q = p(() => t.formSize), ee = p(() => ({
       "--checkbox-height": q.value && {
         small: "24px",
         default: "32px",
@@ -137,305 +137,192 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
         large: "14px"
       }[q.value]
     }));
-    return ce(_), (l, t) => {
-      const d = de;
-      return u(), c(
-        "div",
-        {
-          class: "das-ui-checkbox",
-          style: p(ee.value)
-        },
-        [
-          a.checkboxType == "default" && a.optionType == "default" && !a.isView ? (u(), W(i(H), U({
-            key: 0,
-            ref_key: "checkboxRef",
-            ref: E,
-            checked: i(s),
-            "onUpdate:checked": t[0] || (t[0] = (e) => A(s) ? s.value = e : s = e),
-            disabled: a.disabled
-          }, l.$attrs, {
-            optionType: a.optionType,
-            indeterminate: i(m),
-            onChange: O,
-            class: [a.size, { nolabel: Object.keys(l.$slots).length == 0 }]
-          }), {
-            default: M(() => [
-              g((u(), c(
-                "div",
-                {
-                  class: "label",
-                  style: p([v.value, { color: "#666" }])
-                },
-                [
-                  C(l.$slots, "default", {}, void 0, !0)
-                ],
-                4
-                /* STYLE */
-              )), [
-                [i(T)]
-              ])
-            ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["checked", "disabled", "optionType", "indeterminate", "class"])) : n("v-if", !0),
-          a.checkboxType == "default" && a.optionType == "square" && !a.isView ? (u(), c(
-            "div",
+    return re(_), (e, l) => {
+      const i = de;
+      return o(), u("div", {
+        class: "das-ui-checkbox",
+        style: y(ee.value)
+      }, [
+        e.checkboxType == "default" && e.optionType == "default" && !e.isView ? (o(), W(r(H), U({
+          key: 0,
+          ref_key: "checkboxRef",
+          ref: E,
+          checked: r(s),
+          "onUpdate:checked": l[0] || (l[0] = (a) => A(s) ? s.value = a : s = a),
+          disabled: e.disabled
+        }, e.$attrs, {
+          optionType: e.optionType,
+          indeterminate: r(v),
+          onChange: O,
+          class: [e.size, { nolabel: Object.keys(e.$slots).length == 0 }]
+        }), {
+          default: M(() => [
+            g((o(), u("div", {
+              class: "label",
+              style: y([h.value, { color: "#666" }])
+            }, [
+              C(e.$slots, "default", {}, void 0, !0)
+            ], 4)), [
+              [r(x)]
+            ])
+          ]),
+          _: 3
+        }, 16, ["checked", "disabled", "optionType", "indeterminate", "class"])) : c("", !0),
+        e.checkboxType == "default" && e.optionType == "square" && !e.isView ? (o(), u("div", {
+          key: 1,
+          class: n([
+            "das-ui-checkbox-square",
+            e.size,
             {
-              key: 1,
-              class: f([
-                "das-ui-checkbox-square",
-                a.size,
-                {
-                  "das-ui-checkbox-square--disabled": a.disabled,
-                  "das-ui-checkbox-square--checked": !!i(s),
-                  "das-ui-checkbox-square--focus": i(F),
-                  "ellipsis-square-checkbox": !!v.value
-                }
+              "das-ui-checkbox-square--disabled": e.disabled,
+              "das-ui-checkbox-square--checked": !!r(s),
+              "das-ui-checkbox-square--focus": r(F),
+              "ellipsis-square-checkbox": !!h.value
+            }
+          ]),
+          tabindex: "0",
+          onClick: l[1] || (l[1] = (a) => L("default", "")),
+          onBlur: l[2] || (l[2] = (a) => P("default", "")),
+          style: y(h.value)
+        }, [
+          g((o(), u("div", fe, [
+            C(e.$slots, "default", {}, void 0, !0)
+          ])), [
+            [r(x)]
+          ])
+        ], 38)) : c("", !0),
+        e.checkboxType == "group" && e.optionType == "default" && !e.isView ? (o(), W(i, U({
+          key: 2,
+          ref_key: "checkboxRef",
+          ref: E
+        }, e.$attrs, {
+          class: [e.size, { "das-ui-checkbox-vertical": r(I) == "vertical" }],
+          value: r(s),
+          "onUpdate:value": l[3] || (l[3] = (a) => A(s) ? s.value = a : s = a),
+          name: e.name,
+          onChange: O
+        }), {
+          default: M(() => [
+            (o(!0), u($, null, B(b.value, (a, d) => (o(), W(r(H), {
+              key: d,
+              value: a.value,
+              "onUpdate:value": (w) => a.value = w,
+              disabled: a.disabled || e.disabled
+            }, {
+              default: M(() => [
+                j("div", {
+                  class: n(["label", { "label-min-width": !!h.value }]),
+                  style: y([h.value, { color: "#666" }])
+                }, [
+                  C(e.$slots, "content", {
+                    item: a,
+                    index: d
+                  }, () => [
+                    g((o(), u("div", null, [
+                      N(k(a.label), 1)
+                    ])), [
+                      [r(x)]
+                    ])
+                  ], !0)
+                ], 6)
               ]),
-              tabindex: "0",
-              onClick: t[1] || (t[1] = (e) => L("default", "")),
-              onBlur: t[2] || (t[2] = (e) => P("default", "")),
-              style: p(v.value)
-            },
-            [
-              g((u(), c("div", fe, [
-                C(l.$slots, "default", {}, void 0, !0)
-              ])), [
-                [i(T)]
-              ])
-            ],
-            38
-            /* CLASS, STYLE, NEED_HYDRATION */
-          )) : n("v-if", !0),
-          a.checkboxType == "group" && a.optionType == "default" && !a.isView ? (u(), W(d, U({
-            key: 2,
-            ref_key: "checkboxRef",
-            ref: E
-          }, l.$attrs, {
-            class: [a.size, { "das-ui-checkbox-vertical": i(I) == "vertical" }],
-            value: i(s),
-            "onUpdate:value": t[3] || (t[3] = (e) => A(s) ? s.value = e : s = e),
-            name: a.name,
-            onChange: O
-          }), {
-            default: M(() => [
-              (u(!0), c(
-                $,
-                null,
-                B(h.value, (e, r) => (u(), W(i(H), {
-                  key: r,
-                  value: e.value,
-                  "onUpdate:value": (w) => e.value = w,
-                  disabled: e.disabled || a.disabled
-                }, {
-                  default: M(() => [
-                    j(
-                      "div",
-                      {
-                        class: f(["label", { "label-min-width": !!v.value }]),
-                        style: p([v.value, { color: "#666" }])
-                      },
-                      [
-                        C(l.$slots, "content", {
-                          item: e,
-                          index: r
-                        }, () => [
-                          g((u(), c("div", null, [
-                            N(
-                              x(e.label),
-                              1
-                              /* TEXT */
-                            )
-                          ])), [
-                            [i(T)]
-                          ])
-                        ], !0)
-                      ],
-                      6
-                      /* CLASS, STYLE */
-                    )
-                  ]),
-                  _: 2
-                  /* DYNAMIC */
-                }, 1032, ["value", "onUpdate:value", "disabled"]))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
+              _: 2
+            }, 1032, ["value", "onUpdate:value", "disabled"]))), 128))
+          ]),
+          _: 3
+        }, 16, ["class", "value", "name"])) : c("", !0),
+        e.checkboxType == "group" && e.optionType == "square" && !e.isView ? (o(), u("div", {
+          key: 3,
+          class: n(["das-ui-checkbox-square-group", [e.size, { "das-ui-checkbox-vertical": r(I) == "vertical" }]])
+        }, [
+          (o(!0), u($, null, B(b.value, (a, d) => (o(), u("div", {
+            class: n([
+              "das-ui-checkbox-square",
+              {
+                "das-ui-checkbox-square--disabled": a.disabled || e.disabled,
+                "das-ui-checkbox-square--checked": a.checked,
+                "das-ui-checkbox-square--focus": a.isFocus,
+                "ellipsis-square-checkbox": !!h.value
+              }
             ]),
-            _: 3
-            /* FORWARDED */
-          }, 16, ["class", "value", "name"])) : n("v-if", !0),
-          a.checkboxType == "group" && a.optionType == "square" && !a.isView ? (u(), c(
-            "div",
-            {
-              key: 3,
-              class: f(["das-ui-checkbox-square-group", [a.size, { "das-ui-checkbox-vertical": i(I) == "vertical" }]])
-            },
-            [
-              (u(!0), c(
-                $,
-                null,
-                B(h.value, (e, r) => (u(), c("div", {
-                  class: f([
-                    "das-ui-checkbox-square",
-                    {
-                      "das-ui-checkbox-square--disabled": e.disabled || a.disabled,
-                      "das-ui-checkbox-square--checked": e.checked,
-                      "das-ui-checkbox-square--focus": e.isFocus,
-                      "ellipsis-square-checkbox": !!v.value
-                    }
-                  ]),
-                  style: p(v.value),
-                  onClick: (w) => L("group", e),
-                  onBlur: (w) => P("group", e),
-                  tabindex: r,
-                  key: r
-                }, [
-                  e.checked ? (u(), c("span", he, [
-                    G(i(J), {
-                      size: "mini",
-                      icon: "select",
-                      iconColor: "#fff",
-                      class: "view-icon"
-                    })
-                  ])) : n("v-if", !0),
-                  g((u(), c("div", null, [
-                    N(
-                      x(e.label),
-                      1
-                      /* TEXT */
-                    )
-                  ])), [
-                    [i(T)]
-                  ])
-                ], 46, be))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ],
-            2
-            /* CLASS */
-          )) : n("v-if", !0),
-          n("多选组 查看状态 "),
-          a.isView ? (u(), c(
-            "div",
-            {
-              key: 4,
-              class: f(["das-ui-checkbox-view-group", { "flex-view": R.value.length > 1 }])
-            },
-            [
-              R.value.length ? (u(!0), c(
-                $,
-                { key: 0 },
-                B(R.value, (e, r) => (u(), c(
-                  "div",
-                  {
-                    class: f(["das-checkbox-item-view", e[i(b).label] && "nonelabel-item-view"]),
-                    key: r
-                  },
-                  [
-                    G(i(J), {
-                      size: "mini",
-                      icon: "select",
-                      iconColor: "#666",
-                      class: f(["view-icon", { "m-r-5": e[i(b).label] || Object.keys(l.$slots).length > 0 }])
-                    }, null, 8, ["class"]),
-                    e[i(b).label] ? g((u(), c(
-                      "div",
-                      {
-                        key: 0,
-                        class: f(["label", a.size]),
-                        style: p([v.value, { color: "#666" }])
-                      },
-                      [
-                        N(
-                          x(e[i(b).label]),
-                          1
-                          /* TEXT */
-                        )
-                      ],
-                      6
-                      /* CLASS, STYLE */
-                    )), [
-                      [i(T)]
-                    ]) : C(l.$slots, "default", { key: 1 }, void 0, !0)
-                  ],
-                  2
-                  /* CLASS */
-                ))),
-                128
-                /* KEYED_FRAGMENT */
-              )) : (u(), c(
-                "span",
-                ve,
-                x(z.value),
-                1
-                /* TEXT */
-              ))
-            ],
-            2
-            /* CLASS */
-          )) : n("v-if", !0),
-          n(" 用于过滤条件的多选 "),
-          a.checkboxType == "group" && a.optionType == "filterSquare" ? (u(), c(
-            "div",
-            {
-              key: 5,
-              class: f(["das-ui-checkbox-square-group das-ui-checkbox-filter-square-group", { "das-ui-checkbox-vertical": i(I) == "vertical" }])
-            },
-            [
-              (u(!0), c(
-                $,
-                null,
-                B(h.value, (e, r) => (u(), c("div", {
-                  class: f([
-                    "das-ui-checkbox-square",
-                    {
-                      "das-ui-checkbox-square--disabled": e.disabled || a.disabled,
-                      "das-ui-checkbox-square--checked": e.checked
-                    }
-                  ]),
-                  onClick: (w) => L("group", e),
-                  tabindex: r,
-                  key: r
-                }, x(e.label), 11, ke))),
-                128
-                /* KEYED_FRAGMENT */
-              ))
-            ],
-            2
-            /* CLASS */
-          )) : n("v-if", !0),
-          a.error && a.errorLabel && a.errorMode === "default" ? (u(), c("div", xe, [
-            a.error ? (u(), c(
-              "span",
-              me,
-              x(a.errorLabel),
-              1
-              /* TEXT */
-            )) : n("v-if", !0)
-          ])) : n("v-if", !0),
-          a.error && a.errorLabel && a.errorMode === "overlay" ? (u(), c("div", ye, [
-            j(
-              "span",
-              pe,
-              x(a.errorLabel),
-              1
-              /* TEXT */
-            )
-          ])) : n("v-if", !0)
-        ],
-        4
-        /* STYLE */
-      );
+            style: y(h.value),
+            onClick: (w) => L("group", a),
+            onBlur: (w) => P("group", a),
+            tabindex: d,
+            key: d
+          }, [
+            a.checked ? (o(), u("span", he, [
+              G(r(J), {
+                size: "mini",
+                icon: "select",
+                iconColor: "#fff",
+                class: "view-icon"
+              })
+            ])) : c("", !0),
+            g((o(), u("div", null, [
+              N(k(a.label), 1)
+            ])), [
+              [r(x)]
+            ])
+          ], 46, be))), 128))
+        ], 2)) : c("", !0),
+        e.isView ? (o(), u("div", {
+          key: 4,
+          class: n(["das-ui-checkbox-view-group", { "flex-view": R.value.length > 1 }])
+        }, [
+          R.value.length ? (o(!0), u($, { key: 0 }, B(R.value, (a, d) => (o(), u("div", {
+            class: n(["das-checkbox-item-view", a[r(f).label] && "nonelabel-item-view"]),
+            key: d
+          }, [
+            G(r(J), {
+              size: "mini",
+              icon: "select",
+              iconColor: "#666",
+              class: n(["view-icon", { "m-r-5": a[r(f).label] || Object.keys(e.$slots).length > 0 }])
+            }, null, 8, ["class"]),
+            a[r(f).label] ? g((o(), u("div", {
+              key: 0,
+              class: n(["label", e.size]),
+              style: y([h.value, { color: "#666" }])
+            }, [
+              N(k(a[r(f).label]), 1)
+            ], 6)), [
+              [r(x)]
+            ]) : C(e.$slots, "default", { key: 1 }, void 0, !0)
+          ], 2))), 128)) : (o(), u("span", pe, k(z.value), 1))
+        ], 2)) : c("", !0),
+        e.checkboxType == "group" && e.optionType == "filterSquare" ? (o(), u("div", {
+          key: 5,
+          class: n(["das-ui-checkbox-square-group das-ui-checkbox-filter-square-group", { "das-ui-checkbox-vertical": r(I) == "vertical" }])
+        }, [
+          (o(!0), u($, null, B(b.value, (a, d) => (o(), u("div", {
+            class: n([
+              "das-ui-checkbox-square",
+              {
+                "das-ui-checkbox-square--disabled": a.disabled || e.disabled,
+                "das-ui-checkbox-square--checked": a.checked
+              }
+            ]),
+            onClick: (w) => L("group", a),
+            tabindex: d,
+            key: d
+          }, k(a.label), 11, ke))), 128))
+        ], 2)) : c("", !0),
+        e.error && e.errorLabel && e.errorMode === "default" ? (o(), u("div", ve, [
+          e.error ? (o(), u("span", me, k(e.errorLabel), 1)) : c("", !0)
+        ])) : c("", !0),
+        e.error && e.errorLabel && e.errorMode === "overlay" ? (o(), u("div", ye, [
+          j("span", ge, k(e.errorLabel), 1)
+        ])) : c("", !0)
+      ], 4);
     };
   }
-}), Te = (a, S) => {
-  const o = a.__vccOpts || a;
+}), Te = (T, S) => {
+  const t = T.__vccOpts || T;
   for (const [z, D] of S)
-    o[z] = D;
-  return o;
-}, Ve = /* @__PURE__ */ Te(ge, [["__scopeId", "data-v-b535aca4"]]), qe = {
+    t[z] = D;
+  return t;
+}, Ve = /* @__PURE__ */ Te(xe, [["__scopeId", "data-v-b535aca4"]]), qe = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"