@das-fed/ui 7.0.7-hot.21 → 7.0.7-hot.23

package/packages/components/checkbox/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/checkbox/style.css';
-import { defineComponent as Y, computed as m, reactive as Z, toRefs as _, watchEffect as ee, watch as ae, useSlots as le, ref as J, onMounted as oe, createElementBlock as u, openBlock as o, createBlock as R, createCommentVNode as c, unref as i, mergeProps as P, isRef as U, withCtx as E, withDirectives as y, normalizeStyle as g, renderSlot as W, normalizeClass as n, Fragment as w, renderList as C, createTextVNode as M, toDisplayString as p, createVNode as A, createElementVNode as se } from "vue";
+import { defineComponent as Y, computed as m, reactive as Z, toRefs as _, watchEffect as ee, watch as ae, useSlots as le, ref as J, onMounted as oe, createElementBlock as u, openBlock as o, createBlock as R, createCommentVNode as c, unref as i, mergeProps as P, isRef as U, withCtx as E, withDirectives as y, normalizeStyle as g, renderSlot as O, normalizeClass as n, Fragment as w, renderList as C, createTextVNode as W, toDisplayString as p, createVNode as A, createElementVNode as se } from "vue";
 import { withInstall as te } from "@das-fed/utils/with-install/index";
 import { CheckboxGroup as ue } from "ant-design-vue/es";
 import "ant-design-vue/es/checkbox/style/css";
@@ -67,27 +67,27 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
     }), ae(t, (e) => {
       k("update:modelValue", e);
     });
-    const f = H(s, "defaultProps"), V = H(s, "options"), b = m(() => V.value.length ? V.value.map((e) => {
+    const b = H(s, "defaultProps"), V = H(s, "options"), f = m(() => V.value.length ? V.value.map((e) => {
       var l;
       return {
-        value: e[f.value.value],
-        label: e[f.value.label],
+        value: e[b.value.value],
+        label: e[b.value.label],
         disabled: e.disabled,
         isFocus: !1,
-        checked: (l = s.modelValue) == null ? void 0 : l.includes(e[f.value.value]),
+        checked: (l = s.modelValue) == null ? void 0 : l.includes(e[b.value.value]),
         mutual: e.mutual
       };
-    }) : []), N = () => {
+    }) : []), M = () => {
       v && (v.value = !1, k("update:indeterminate", v.value), k("update:modelValue", t.value)), k("change", t.value);
-    }, K = s.disabled, Q = b.value.some((e) => !!e.mutual), z = (e, l) => {
+    }, K = s.disabled, Q = f.value.some((e) => !!e.mutual), z = (e, l) => {
       if (!K)
         if (e == "group") {
           if (l.disabled) return;
-          Q ? l.mutual ? (b.value.forEach((r) => {
+          console.log(f, "---checkboxOptions"), Q ? l.mutual ? (f.value.forEach((r) => {
             r.checked = !1;
-          }), l.checked = !0) : (l.checked = !l.checked, b.value.forEach((r) => {
-            r.mutual && (r.checked = !b.value.some((a) => a.checked));
-          })) : l.checked = !l.checked, l.isFocus = !0, t.value = b.value.filter((r) => r.checked).map((r) => r.value), k("change", t.value);
+          }), l.checked = !0) : (l.checked = !l.checked, f.value.forEach((r) => {
+            r.mutual && (r.checked = !f.value.some((a) => a.checked));
+          })) : l.checked = !l.checked, l.isFocus = !0, t.value = f.value.filter((r) => r.checked).map((r) => r.value), k("change", t.value);
         } else
           t.value = !t.value, F.value = !0, k("change", t.value);
     }, I = m(() => {
@@ -96,7 +96,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
       if ((!((e = V.value) != null && e.length) || !((l = t.value) != null && l.length)) && s.checkboxType == "group") return [];
       if (s.checkboxType == "group")
         return V.value.filter((a) => {
-          if (t.value.includes(a[f.value.value]))
+          if (t.value.includes(a[b.value.value]))
             return a;
         });
       {
@@ -110,7 +110,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
           }
         ];
       }
-    }), O = (e, l) => {
+    }), N = (e, l) => {
       e == "group" ? l.isFocus = !1 : F.value = !1;
     }, X = m(() => s.maxWidth ? s.maxWidth : s.width), h = m(() => {
       let e = `${Number(String(X.value).split("px")[0])}`;
@@ -138,7 +138,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
         }, e.$attrs, {
           optionType: e.optionType,
           indeterminate: i(v),
-          onChange: N,
+          onChange: M,
           class: [e.size, { nolabel: Object.keys(e.$slots).length == 0 }]
         }), {
           default: E(() => [
@@ -149,7 +149,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                 style: g([h.value, { color: "#666" }])
               },
               [
-                W(e.$slots, "default", {}, void 0, !0)
+                O(e.$slots, "default", {}, void 0, !0)
               ],
               4
               /* STYLE */
@@ -176,12 +176,12 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
             ]),
             tabindex: "0",
             onClick: l[1] || (l[1] = (a) => z("default", "")),
-            onBlur: l[2] || (l[2] = (a) => O("default", "")),
+            onBlur: l[2] || (l[2] = (a) => N("default", "")),
             style: g(h.value)
           },
           [
             y((o(), u("div", ce, [
-              W(e.$slots, "default", {}, void 0, !0)
+              O(e.$slots, "default", {}, void 0, !0)
             ])), [
               [i(x)]
             ])
@@ -198,13 +198,13 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
           value: i(t),
           "onUpdate:value": l[3] || (l[3] = (a) => U(t) ? t.value = a : t = a),
           name: e.name,
-          onChange: N
+          onChange: M
         }), {
           default: E(() => [
             (o(!0), u(
               w,
               null,
-              C(b.value, (a, d) => (o(), R(i(j), {
+              C(f.value, (a, d) => (o(), R(i(j), {
                 key: d,
                 value: a.value,
                 "onUpdate:value": (q) => a.value = q,
@@ -218,7 +218,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                       style: g([h.value, { color: "#666" }])
                     },
                     [
-                      M(
+                      W(
                         p(a.label),
                         1
                         /* TEXT */
@@ -250,7 +250,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
             (o(!0), u(
               w,
               null,
-              C(b.value, (a, d) => (o(), u("div", {
+              C(f.value, (a, d) => (o(), u("div", {
                 class: n([
                   "das-ui-checkbox-square",
                   {
@@ -262,7 +262,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                 ]),
                 style: g(h.value),
                 onClick: (q) => z("group", a),
-                onBlur: (q) => O("group", a),
+                onBlur: (q) => N("group", a),
                 tabindex: d,
                 key: d
               }, [
@@ -275,7 +275,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                   })
                 ])) : c("v-if", !0),
                 y((o(), u("div", null, [
-                  M(
+                  W(
                     p(a.label),
                     1
                     /* TEXT */
@@ -305,7 +305,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
               C(I.value, (a, d) => (o(), u(
                 "div",
                 {
-                  class: n(["das-checkbox-item-view", a[i(f).label] && "nonelabel-item-view"]),
+                  class: n(["das-checkbox-item-view", a[i(b).label] && "nonelabel-item-view"]),
                   key: d
                 },
                 [
@@ -313,9 +313,9 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                     size: "mini",
                     icon: "select",
                     iconColor: "#666",
-                    class: n(["view-icon", { "m-r-5": a[i(f).label] || Object.keys(e.$slots).length > 0 }])
+                    class: n(["view-icon", { "m-r-5": a[i(b).label] || Object.keys(e.$slots).length > 0 }])
                   }, null, 8, ["class"]),
-                  a[i(f).label] ? y((o(), u(
+                  a[i(b).label] ? y((o(), u(
                     "div",
                     {
                       key: 0,
@@ -323,8 +323,8 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                       style: g([h.value, { color: "#666" }])
                     },
                     [
-                      M(
-                        p(a[i(f).label]),
+                      W(
+                        p(a[i(b).label]),
                         1
                         /* TEXT */
                       )
@@ -333,7 +333,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
                     /* CLASS, STYLE */
                   )), [
                     [i(x)]
-                  ]) : W(e.$slots, "default", { key: 1 }, void 0, !0)
+                  ]) : O(e.$slots, "default", { key: 1 }, void 0, !0)
                 ],
                 2
                 /* CLASS */
@@ -362,7 +362,7 @@ const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick
             (o(!0), u(
               w,
               null,
-              C(b.value, (a, d) => (o(), u("div", {
+              C(f.value, (a, d) => (o(), u("div", {
                 class: n([
                   "das-ui-checkbox-square",
                   {