@das-fed/upf-ui 6.4.0-dev.209 → 6.4.0-dev.210

package/packages/components/checkbox/index.js

@@ -1,5 +1,5 @@
 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 p, reactive as le, toRefs as oe, watchEffect as se, watch as te, useSlots as ue, ref as Q, onMounted as re, openBlock as o, createElementBlock as u, normalizeStyle as y, createBlock as O, unref as r, mergeProps as U, isRef as A, withCtx as W, withDirectives as g, renderSlot as C, createCommentVNode as c, normalizeClass as n, Fragment as $, renderList as B, createElementVNode as j, createTextVNode as M, 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";
@@ -55,77 +55,77 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
     ce({
       select: import("@das-fed/upf-ui/packages/icons/select")
     });
-    const t = T, z = p(() => t.noSetDefaultVal ? "" : "-"), D = le({
+    const s = T, z = p(() => s.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) => {
+    let { checkboxValue: t, isFocus: F, checkboxIndeterminate: v } = oe(D);
+    const I = s.layout, m = S;
+    se(() => {
+      t.value = s.modelValue, v.value = s.indeterminate, s.checkboxType == "default" && s.optionType == "default" && s.modelValue && (v.value = !1);
+    }), te(t, (e) => {
       m("update:modelValue", e);
     });
-    const f = K(t, "defaultProps"), V = K(t, "options"), b = p(() => V.value.length ? V.value.map((e) => {
+    const b = K(s, "defaultProps"), V = K(s, "options"), f = p(() => 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 = t.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
       };
-    }) : []), 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) => {
+    }) : []), N = () => {
+      v && (v.value = !1, m("update:indeterminate", v.value), m("update:modelValue", t.value)), m("change", t.value);
+    }, X = s.disabled, Y = f.value.some((e) => !!e.mutual), L = (e, l) => {
       if (!X)
         if (e == "group") {
           if (l.disabled) return;
-          Y ? l.mutual ? (b.value.forEach((i) => {
+          console.log(f, "---checkboxOptions"), Y ? l.mutual ? (f.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);
+          }), l.checked = !0) : (l.checked = !l.checked, f.value.forEach((i) => {
+            i.mutual && (i.checked = !f.value.some((a) => a.checked));
+          })) : l.checked = !l.checked, l.isFocus = !0, t.value = f.value.filter((i) => i.checked).map((i) => i.value), m("change", t.value);
         } else
-          s.value = !s.value, F.value = !0, m("change", s.value);
+          t.value = !t.value, F.value = !0, m("change", t.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")
+      if (!s.isView) return [];
+      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 (s.value.includes(a[f.value.value]))
+          if (t.value.includes(a[b.value.value]))
             return a;
         });
       {
-        if (!s.value) return [];
+        if (!t.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), [
           {
-            value: s.value,
+            value: t.value,
             label: d
           }
         ];
       }
     }), P = (e, l) => {
       e == "group" ? l.isFocus = !1 : F.value = !1;
-    }, Z = p(() => t.maxWidth ? t.maxWidth : t.width), h = p(() => {
+    }, Z = p(() => s.maxWidth ? s.maxWidth : s.width), h = p(() => {
       let e = `${Number(String(Z.value).split("px")[0])}`;
-      if (t.maxWidth)
+      if (s.maxWidth)
         return `max-width:${e}px`;
-      if (t.width)
-        return Number(e) > 72 && t.maxWidth ? `width:${e};max-width:${e}px;` : `width:${e}px`;
+      if (s.width)
+        return Number(e) > 72 && s.maxWidth ? `width:${e};max-width:${e}px;` : `width:${e}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"));
       }, 1e3);
-    }, q = p(() => t.formSize), ee = p(() => ({
+    }, q = p(() => s.formSize), ee = p(() => ({
       "--checkbox-height": q.value && {
         small: "24px",
         default: "32px",
@@ -143,20 +143,20 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
         class: "das-ui-checkbox",
         style: y(ee.value)
       }, [
-        e.checkboxType == "default" && e.optionType == "default" && !e.isView ? (o(), W(r(H), U({
+        e.checkboxType == "default" && e.optionType == "default" && !e.isView ? (o(), O(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),
+          checked: r(t),
+          "onUpdate:checked": l[0] || (l[0] = (a) => A(t) ? t.value = a : t = a),
           disabled: e.disabled
         }, e.$attrs, {
           optionType: e.optionType,
           indeterminate: r(v),
-          onChange: O,
+          onChange: N,
           class: [e.size, { nolabel: Object.keys(e.$slots).length == 0 }]
         }), {
-          default: M(() => [
+          default: W(() => [
             g((o(), u("div", {
               class: "label",
               style: y([h.value, { color: "#666" }])
@@ -175,7 +175,7 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
             e.size,
             {
               "das-ui-checkbox-square--disabled": e.disabled,
-              "das-ui-checkbox-square--checked": !!r(s),
+              "das-ui-checkbox-square--checked": !!r(t),
               "das-ui-checkbox-square--focus": r(F),
               "ellipsis-square-checkbox": !!h.value
             }
@@ -191,25 +191,25 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
             [r(x)]
           ])
         ], 38)) : c("", !0),
-        e.checkboxType == "group" && e.optionType == "default" && !e.isView ? (o(), W(i, U({
+        e.checkboxType == "group" && e.optionType == "default" && !e.isView ? (o(), O(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),
+          value: r(t),
+          "onUpdate:value": l[3] || (l[3] = (a) => A(t) ? t.value = a : t = a),
           name: e.name,
-          onChange: O
+          onChange: N
         }), {
-          default: M(() => [
-            (o(!0), u($, null, B(b.value, (a, d) => (o(), W(r(H), {
+          default: W(() => [
+            (o(!0), u($, null, B(f.value, (a, d) => (o(), O(r(H), {
               key: d,
               value: a.value,
               "onUpdate:value": (w) => a.value = w,
               disabled: a.disabled || e.disabled
             }, {
-              default: M(() => [
+              default: W(() => [
                 j("div", {
                   class: n(["label", { "label-min-width": !!h.value }]),
                   style: y([h.value, { color: "#666" }])
@@ -219,7 +219,7 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
                     index: d
                   }, () => [
                     g((o(), u("div", null, [
-                      N(k(a.label), 1)
+                      M(k(a.label), 1)
                     ])), [
                       [r(x)]
                     ])
@@ -235,7 +235,7 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
           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", {
+          (o(!0), u($, null, B(f.value, (a, d) => (o(), u("div", {
             class: n([
               "das-ui-checkbox-square",
               {
@@ -260,7 +260,7 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
               })
             ])) : c("", !0),
             g((o(), u("div", null, [
-              N(k(a.label), 1)
+              M(k(a.label), 1)
             ])), [
               [r(x)]
             ])
@@ -271,21 +271,21 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
           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"]),
+            class: n(["das-checkbox-item-view", a[r(b).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 }])
+              class: n(["view-icon", { "m-r-5": a[r(b).label] || Object.keys(e.$slots).length > 0 }])
             }, null, 8, ["class"]),
-            a[r(f).label] ? g((o(), u("div", {
+            a[r(b).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)
+              M(k(a[r(b).label]), 1)
             ], 6)), [
               [r(x)]
             ]) : C(e.$slots, "default", { key: 1 }, void 0, !0)
@@ -295,7 +295,7 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
           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", {
+          (o(!0), u($, null, B(f.value, (a, d) => (o(), u("div", {
             class: n([
               "das-ui-checkbox-square",
               {
@@ -318,10 +318,10 @@ const fe = { class: "label" }, be = ["onClick", "onBlur", "tabindex"], he = {
     };
   }
 }), Te = (T, S) => {
-  const t = T.__vccOpts || T;
+  const s = T.__vccOpts || T;
   for (const [z, D] of S)
-    t[z] = D;
-  return t;
+    s[z] = D;
+  return s;
 }, Ve = /* @__PURE__ */ Te(xe, [["__scopeId", "data-v-b535aca4"]]), qe = {
   "--demo-alert-bg": {
     light: "#fff",