@das-fed/upf-ui 6.4.0-dev.311 → 6.4.0-dev.313

package/packages/components/checkbox/index.js

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