@das-fed/upf-ui 6.4.0-dev.231 → 6.4.0-dev.232

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 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 { 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 { 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 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 { 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 { 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"
-}, pe = {
+}, ve = {
   key: 1,
   class: "empty-text"
-}, ke = ["onClick", "tabindex"], ve = {
+}, ke = ["onClick", "tabindex"], xe = {
   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"
-}, ge = { class: "label" }, xe = /* @__PURE__ */ ae({
+}, pe = { class: "label" }, ge = /* @__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(T, { emit: S }) {
-    ce({
+  setup(a, { emit: S }) {
+    re({
       select: import("@das-fed/upf-ui/packages/icons/select")
     });
-    const t = T, z = p(() => t.noSetDefaultVal ? "" : "-"), D = le({
+    const o = a, z = k(() => o.noSetDefaultVal ? "" : "-"), D = le({
       checkboxValue: null,
       isFocus: !1,
       checkboxLayout: "",
       checkboxIndeterminate: !1
     });
-    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);
+    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);
     });
-    const f = K(t, "defaultProps"), V = K(t, "options"), b = p(() => V.value.length ? V.value.map((e) => {
-      var l;
+    const b = K(o, "defaultProps"), V = K(o, "options"), h = k(() => V.value.length ? V.value.map((l) => {
+      var t;
       return {
-        value: e[f.value.value],
-        label: e[f.value.label],
-        disabled: e.disabled,
+        value: l[b.value.value],
+        label: l[b.value.label],
+        disabled: l.disabled,
         isFocus: !1,
-        checked: (l = t.modelValue) == null ? void 0 : l.includes(e[f.value.value]),
-        mutual: e.mutual
+        checked: (t = o.modelValue) == null ? void 0 : t.includes(l[b.value.value]),
+        mutual: l.mutual
       };
     }) : []), O = () => {
-      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) => {
+      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) => {
       if (!X)
-        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);
+        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);
         } else
-          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;
+          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;
         });
       {
         if (!s.value) return [];
-        const a = ue();
-        let d = null;
-        return a && a.default && ((i = a.default()) == null ? void 0 : i.length) == 0 && (d = a.default()[0].children), [
+        const e = se();
+        let r = null;
+        return e && e.default && ((d = e.default()) == null ? void 0 : d.length) == 0 && (r = e.default()[0].children), [
           {
             value: s.value,
-            label: d
+            label: r
           }
         ];
       }
-    }), 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`;
+    }), 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`;
     }), E = Q(null), _ = () => {
       setTimeout(() => {
-        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"));
+        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"));
       }, 1e3);
-    }, q = p(() => t.formSize), ee = p(() => ({
+    }, q = k(() => o.formSize), ee = k(() => ({
       "--checkbox-height": q.value && {
         small: "24px",
         default: "32px",
@@ -137,192 +137,305 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
         large: "14px"
       }[q.value]
     }));
-    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,
+    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",
             {
-              "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)
+              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
+                }
               ]),
-              _: 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
-              }
+              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 */
+              ))
             ]),
-            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);
+            _: 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 */
+      );
     };
   }
-}), Te = (T, S) => {
-  const t = T.__vccOpts || T;
+}), Te = (a, S) => {
+  const o = a.__vccOpts || a;
   for (const [z, D] of S)
-    t[z] = D;
-  return t;
-}, Ve = /* @__PURE__ */ Te(xe, [["__scopeId", "data-v-b535aca4"]]), qe = {
+    o[z] = D;
+  return o;
+}, Ve = /* @__PURE__ */ Te(ge, [["__scopeId", "data-v-b535aca4"]]), qe = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"