@das-fed/ui 6.4.0-dev.73 → 6.4.0-dev.75

package/packages/components/checkbox/index.js

@@ -1,29 +1,29 @@
 import '@das-fed/ui/packages/components/checkbox/style.css';
-import { defineComponent as Y, computed as k, reactive as Z, toRefs as _, watchEffect as ee, watch as ae, useSlots as le, ref as J, onMounted as oe, openBlock as s, createElementBlock as u, createBlock as z, unref as r, mergeProps as P, isRef as U, withCtx as I, withDirectives as L, normalizeStyle as R, renderSlot as E, createCommentVNode as c, normalizeClass as n, Fragment as T, renderList as V, createTextVNode as W, toDisplayString as h, createVNode as A, createElementVNode as te } from "vue";
-import { withInstall as se } from "@das-fed/utils/with-install/index";
+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, openBlock as o, createElementBlock as u, createBlock as R, unref as i, mergeProps as P, isRef as U, withCtx as E, withDirectives as y, normalizeStyle as g, renderSlot as W, createCommentVNode as c, normalizeClass as n, Fragment as w, renderList as C, createTextVNode as M, 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";
 import { Checkbox as j } from "ant-design-vue";
-import { DasAutoRegisterIcon as re, DasIcon as G } from "@das-fed/ui/packages/components/icon/index";
-import { vDasTooltip as M } from "@das-fed/ui/packages/components/text-tooltip/index";
+import { DasAutoRegisterIcon as ie, DasIcon as G } from "@das-fed/ui/packages/components/icon/index";
+import { vDasTooltip as x } from "@das-fed/ui/packages/components/text-tooltip/index";
 import { useModelValue as H } from "@das-fed/utils/vue";
-import { setThemeRule as ie } from "@das-fed/web/packages/theme/index";
-const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"], ne = {
+import { setThemeRule as re } from "@das-fed/web/packages/theme/index";
+const de = { class: "das-ui-checkbox" }, ce = { class: "label" }, ne = ["onClick", "onBlur", "tabindex"], fe = {
   key: 0,
   class: "square-select-icon"
-}, fe = {
+}, be = {
   key: 1,
   class: "empty-text"
-}, be = ["onClick", "tabindex"], he = {
+}, he = ["onClick", "tabindex"], pe = {
   key: 6,
   class: "das-checkbox-error-label-content"
-}, pe = {
+}, ve = {
   key: 0,
   class: "das-input-error-label"
-}, ve = {
+}, ke = {
   key: 7,
   class: "das-checkbox-overlay-error-label-content"
-}, ke = { class: "label" }, me = /* @__PURE__ */ Y({
+}, me = { class: "label" }, ye = /* @__PURE__ */ Y({
   __name: "Index",
   props: {
     modelValue: { default: null },
@@ -50,52 +50,52 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
     noSetDefaultVal: { type: Boolean, default: !1 }
   },
   emits: ["change", "update:modelValue", "update:indeterminate"],
-  setup(m, { emit: w }) {
-    re({
+  setup(T, { emit: B }) {
+    ie({
       select: import("@das-fed/ui/packages/icons/select")
     });
-    const o = m, q = k(() => o.noSetDefaultVal ? "" : "-"), C = Z({
+    const s = T, $ = m(() => s.noSetDefaultVal ? "" : "-"), D = Z({
       checkboxValue: null,
       isFocus: !1,
       checkboxLayout: "",
       checkboxIndeterminate: !1
     });
-    let { checkboxValue: t, isFocus: B, checkboxIndeterminate: p } = _(C);
-    const $ = o.layout, v = w;
+    let { checkboxValue: t, isFocus: F, checkboxIndeterminate: v } = _(D);
+    const S = s.layout, k = B;
     ee(() => {
-      t.value = o.modelValue, p.value = o.indeterminate, o.checkboxType == "default" && o.optionType == "default" && o.modelValue && (p.value = !1);
+      t.value = s.modelValue, v.value = s.indeterminate, s.checkboxType == "default" && s.optionType == "default" && s.modelValue && (v.value = !1);
     }), ae(t, (e) => {
-      v("update:modelValue", e);
+      k("update:modelValue", e);
     });
-    const f = H(o, "defaultProps"), y = H(o, "options"), b = k(() => y.value.length ? y.value.map((e) => {
+    const f = H(s, "defaultProps"), V = H(s, "options"), b = m(() => V.value.length ? V.value.map((e) => {
       var l;
       return {
         value: e[f.value.value],
         label: e[f.value.label],
         disabled: e.disabled,
         isFocus: !1,
-        checked: (l = o.modelValue) == null ? void 0 : l.includes(e[f.value.value]),
+        checked: (l = s.modelValue) == null ? void 0 : l.includes(e[f.value.value]),
         mutual: e.mutual
       };
     }) : []), N = () => {
-      p && (p.value = !1, v("update:indeterminate", p.value), v("update:modelValue", t.value)), v("change", t.value);
-    }, K = o.disabled, Q = b.value.some((e) => !!e.mutual), D = (e, l) => {
+      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) => {
       if (!K)
         if (e == "group") {
           if (l.disabled) return;
-          Q ? 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, t.value = b.value.filter((i) => i.checked).map((i) => i.value), v("change", t.value);
+          Q ? l.mutual ? (b.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);
         } else
-          t.value = !t.value, B.value = !0, v("change", t.value);
-    }, F = k(() => {
-      var e, l, i;
-      if (!o.isView) return [];
-      if ((!((e = y.value) != null && e.length) || !((l = t.value) != null && l.length)) && o.checkboxType == "group") return [];
-      if (o.checkboxType == "group")
-        return y.value.filter((a) => {
+          t.value = !t.value, F.value = !0, k("change", t.value);
+    }, I = m(() => {
+      var e, l, r;
+      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 (t.value.includes(a[f.value.value]))
             return a;
         });
@@ -103,7 +103,7 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
         if (!t.value) return [];
         const a = le();
         let d = null;
-        return a && a.default && ((i = a.default()) == null ? void 0 : i.length) == 0 && (d = a.default()[0].children), [
+        return a && a.default && ((r = a.default()) == null ? void 0 : r.length) == 0 && (d = a.default()[0].children), [
           {
             value: t.value,
             label: d
@@ -111,56 +111,56 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
         ];
       }
     }), O = (e, l) => {
-      e == "group" ? l.isFocus = !1 : B.value = !1;
-    }, X = k(() => o.maxWidth ? o.maxWidth : o.width), g = k(() => {
+      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])}`;
-      if (o.maxWidth)
+      if (s.maxWidth)
         return `max-width:${e}px`;
-      if (o.width)
-        return Number(e) > 72 && o.maxWidth ? `width:${e};max-width:${e}px;` : `width:${e}px`;
-    }), S = J(null);
+      if (s.width)
+        return Number(e) > 72 && s.maxWidth ? `width:${e};max-width:${e}px;` : `width:${e}px`;
+    }), L = J(null);
     return oe(() => {
       setTimeout(() => {
-        var l, i;
-        const e = (i = (l = S.value) == null ? void 0 : l.$el) == null ? void 0 : i.querySelectorAll(".ant-checkbox-input");
+        var l, r;
+        const e = (r = (l = L.value) == null ? void 0 : l.$el) == null ? void 0 : r.querySelectorAll(".ant-checkbox-input");
         e && e.length && e.forEach((a) => a.setAttribute("tabindex", "-1"));
       }, 1e3);
     }), (e, l) => {
-      const i = ue;
-      return s(), u("div", de, [
-        e.checkboxType == "default" && e.optionType == "default" && !e.isView ? (s(), z(r(j), P({
+      const r = ue;
+      return o(), u("div", de, [
+        e.checkboxType == "default" && e.optionType == "default" && !e.isView ? (o(), R(i(j), P({
           key: 0,
           ref_key: "checkboxRef",
-          ref: S,
-          checked: r(t),
+          ref: L,
+          checked: i(t),
           "onUpdate:checked": l[0] || (l[0] = (a) => U(t) ? t.value = a : t = a),
           disabled: e.disabled
         }, e.$attrs, {
           optionType: e.optionType,
-          indeterminate: r(p),
+          indeterminate: i(v),
           onChange: N,
           class: [e.size, { nolabel: Object.keys(e.$slots).length == 0 }]
         }), {
-          default: I(() => [
-            L((s(), u(
+          default: E(() => [
+            y((o(), u(
               "div",
               {
                 class: "label",
-                style: R([g.value, { color: "#666" }])
+                style: g([h.value, { color: "#666" }])
               },
               [
-                E(e.$slots, "default", {}, void 0, !0)
+                W(e.$slots, "default", {}, void 0, !0)
               ],
               4
               /* STYLE */
             )), [
-              [r(M)]
+              [i(x)]
             ])
           ]),
           _: 3
           /* FORWARDED */
         }, 16, ["checked", "disabled", "optionType", "indeterminate", "class"])) : c("v-if", !0),
-        e.checkboxType == "default" && e.optionType == "square" && !e.isView ? (s(), u(
+        e.checkboxType == "default" && e.optionType == "square" && !e.isView ? (o(), u(
           "div",
           {
             key: 1,
@@ -169,51 +169,57 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
               e.size,
               {
                 "das-ui-checkbox-square--disabled": e.disabled,
-                "das-ui-checkbox-square--checked": !!r(t),
-                "das-ui-checkbox-square--focus": r(B)
+                "das-ui-checkbox-square--checked": !!i(t),
+                "das-ui-checkbox-square--focus": i(F),
+                "ellipsis-square-checkbox": !!h.value
               }
             ]),
             tabindex: "0",
-            onClick: l[1] || (l[1] = (a) => D("default", "")),
-            onBlur: l[2] || (l[2] = (a) => O("default", ""))
+            onClick: l[1] || (l[1] = (a) => z("default", "")),
+            onBlur: l[2] || (l[2] = (a) => O("default", "")),
+            style: g(h.value)
           },
           [
-            E(e.$slots, "default", {}, void 0, !0)
+            y((o(), u("div", ce, [
+              W(e.$slots, "default", {}, void 0, !0)
+            ])), [
+              [i(x)]
+            ])
           ],
-          34
-          /* CLASS, NEED_HYDRATION */
+          38
+          /* CLASS, STYLE, NEED_HYDRATION */
         )) : c("v-if", !0),
-        e.checkboxType == "group" && e.optionType == "default" && !e.isView ? (s(), z(i, P({
+        e.checkboxType == "group" && e.optionType == "default" && !e.isView ? (o(), R(r, P({
           key: 2,
           ref_key: "checkboxRef",
-          ref: S
+          ref: L
         }, e.$attrs, {
-          class: [e.size, { "das-ui-checkbox-vertical": r($) == "vertical" }],
-          value: r(t),
+          class: [e.size, { "das-ui-checkbox-vertical": i(S) == "vertical" }],
+          value: i(t),
           "onUpdate:value": l[3] || (l[3] = (a) => U(t) ? t.value = a : t = a),
           name: e.name,
           onChange: N
         }), {
-          default: I(() => [
-            (s(!0), u(
-              T,
+          default: E(() => [
+            (o(!0), u(
+              w,
               null,
-              V(b.value, (a, d) => (s(), z(r(j), {
+              C(b.value, (a, d) => (o(), R(i(j), {
                 key: d,
                 value: a.value,
-                "onUpdate:value": (x) => a.value = x,
+                "onUpdate:value": (q) => a.value = q,
                 disabled: a.disabled || e.disabled
               }, {
-                default: I(() => [
-                  L((s(), u(
+                default: E(() => [
+                  y((o(), u(
                     "div",
                     {
-                      class: n(["label", { "label-min-width": !!g.value }]),
-                      style: R([g.value, { color: "#666" }])
+                      class: n(["label", { "label-min-width": !!h.value }]),
+                      style: g([h.value, { color: "#666" }])
                     },
                     [
-                      W(
-                        h(a.label),
+                      M(
+                        p(a.label),
                         1
                         /* TEXT */
                       )
@@ -221,7 +227,7 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
                     6
                     /* CLASS, STYLE */
                   )), [
-                    [r(M)]
+                    [i(x)]
                   ])
                 ]),
                 _: 2
@@ -234,44 +240,50 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
           _: 1
           /* STABLE */
         }, 16, ["class", "value", "name"])) : c("v-if", !0),
-        e.checkboxType == "group" && e.optionType == "square" && !e.isView ? (s(), u(
+        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($) == "vertical" }]])
+            class: n(["das-ui-checkbox-square-group", [e.size, { "das-ui-checkbox-vertical": i(S) == "vertical" }]])
           },
           [
-            (s(!0), u(
-              T,
+            (o(!0), u(
+              w,
               null,
-              V(b.value, (a, d) => (s(), u("div", {
+              C(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
+                    "das-ui-checkbox-square--focus": a.isFocus,
+                    "ellipsis-square-checkbox": !!h.value
                   }
                 ]),
-                onClick: (x) => D("group", a),
-                onBlur: (x) => O("group", a),
+                style: g(h.value),
+                onClick: (q) => z("group", a),
+                onBlur: (q) => O("group", a),
                 tabindex: d,
                 key: d
               }, [
-                r(t) ? (s(), u("span", ne, [
-                  A(r(G), {
+                i(t) ? (o(), u("span", fe, [
+                  A(i(G), {
                     size: "mini",
                     icon: "select",
                     iconColor: "#fff",
                     class: "view-icon"
                   })
                 ])) : c("v-if", !0),
-                W(
-                  " " + h(a.label),
-                  1
-                  /* TEXT */
-                )
-              ], 42, ce))),
+                y((o(), u("div", null, [
+                  M(
+                    p(a.label),
+                    1
+                    /* TEXT */
+                  )
+                ])), [
+                  [i(x)]
+                ])
+              ], 46, ne))),
               128
               /* KEYED_FRAGMENT */
             ))
@@ -280,39 +292,39 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
           /* CLASS */
         )) : c("v-if", !0),
         c("多选组 查看状态 "),
-        e.isView ? (s(), u(
+        e.isView ? (o(), u(
           "div",
           {
             key: 4,
-            class: n(["das-ui-checkbox-view-group", { "flex-view": F.value.length > 1 }])
+            class: n(["das-ui-checkbox-view-group", { "flex-view": I.value.length > 1 }])
           },
           [
-            F.value.length ? (s(!0), u(
-              T,
+            I.value.length ? (o(!0), u(
+              w,
               { key: 0 },
-              V(F.value, (a, d) => (s(), u(
+              C(I.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[i(f).label] && "nonelabel-item-view"]),
                   key: d
                 },
                 [
-                  A(r(G), {
+                  A(i(G), {
                     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[i(f).label] || Object.keys(e.$slots).length > 0 }])
                   }, null, 8, ["class"]),
-                  a[r(f).label] ? L((s(), u(
+                  a[i(f).label] ? y((o(), u(
                     "div",
                     {
                       key: 0,
                       class: n(["label", e.size]),
-                      style: R([g.value, { color: "#666" }])
+                      style: g([h.value, { color: "#666" }])
                     },
                     [
-                      W(
-                        h(a[r(f).label]),
+                      M(
+                        p(a[i(f).label]),
                         1
                         /* TEXT */
                       )
@@ -320,18 +332,18 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
                     6
                     /* CLASS, STYLE */
                   )), [
-                    [r(M)]
-                  ]) : E(e.$slots, "default", { key: 1 }, void 0, !0)
+                    [i(x)]
+                  ]) : W(e.$slots, "default", { key: 1 }, void 0, !0)
                 ],
                 2
                 /* CLASS */
               ))),
               128
               /* KEYED_FRAGMENT */
-            )) : (s(), u(
+            )) : (o(), u(
               "span",
-              fe,
-              h(q.value),
+              be,
+              p($.value),
               1
               /* TEXT */
             ))
@@ -340,17 +352,17 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
           /* CLASS */
         )) : c("v-if", !0),
         c(" 用于过滤条件的多选 "),
-        e.checkboxType == "group" && e.optionType == "filterSquare" ? (s(), u(
+        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($) == "vertical" }])
+            class: n(["das-ui-checkbox-square-group das-ui-checkbox-filter-square-group", { "das-ui-checkbox-vertical": i(S) == "vertical" }])
           },
           [
-            (s(!0), u(
-              T,
+            (o(!0), u(
+              w,
               null,
-              V(b.value, (a, d) => (s(), u("div", {
+              C(b.value, (a, d) => (o(), u("div", {
                 class: n([
                   "das-ui-checkbox-square",
                   {
@@ -358,10 +370,10 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
                     "das-ui-checkbox-square--checked": a.checked
                   }
                 ]),
-                onClick: (x) => D("group", a),
+                onClick: (q) => z("group", a),
                 tabindex: d,
                 key: d
-              }, h(a.label), 11, be))),
+              }, p(a.label), 11, he))),
               128
               /* KEYED_FRAGMENT */
             ))
@@ -369,20 +381,20 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
           2
           /* CLASS */
         )) : c("v-if", !0),
-        e.error && e.errorLabel && e.errorMode === "default" ? (s(), u("div", he, [
-          e.error ? (s(), u(
+        e.error && e.errorLabel && e.errorMode === "default" ? (o(), u("div", pe, [
+          e.error ? (o(), u(
             "span",
-            pe,
-            h(e.errorLabel),
+            ve,
+            p(e.errorLabel),
             1
             /* TEXT */
           )) : c("v-if", !0)
         ])) : c("v-if", !0),
-        e.error && e.errorLabel && e.errorMode === "overlay" ? (s(), u("div", ve, [
-          te(
+        e.error && e.errorLabel && e.errorMode === "overlay" ? (o(), u("div", ke, [
+          se(
             "span",
-            ke,
-            h(e.errorLabel),
+            me,
+            p(e.errorLabel),
             1
             /* TEXT */
           )
@@ -390,12 +402,12 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
       ]);
     };
   }
-}), ye = (m, w) => {
-  const o = m.__vccOpts || m;
-  for (const [q, C] of w)
-    o[q] = C;
-  return o;
-}, ge = /* @__PURE__ */ ye(me, [["__scopeId", "data-v-9606cd70"]]), xe = {
+}), ge = (T, B) => {
+  const s = T.__vccOpts || T;
+  for (const [$, D] of B)
+    s[$] = D;
+  return s;
+}, xe = /* @__PURE__ */ ge(ye, [["__scopeId", "data-v-63dc0f1b"]]), Te = {
   "--demo-alert-bg": {
     light: "#fff",
     dark: "rgba(255,255,255,.2)"
@@ -408,10 +420,10 @@ const de = { class: "das-ui-checkbox" }, ce = ["onClick", "onBlur", "tabindex"],
   "--das-ui-radio-bgff": "#fff",
   "--das-ui-radio-shadow": "rgba(85, 130, 243, 0.1)"
 };
-ie(xe);
-const ze = () => J(null), Ie = se(ge);
+re(Te);
+const Ie = () => J(null), Le = te(xe);
 export {
-  Ie as DasCheckbox,
-  ze as DasCheckboxRef,
-  Ie as default
+  Le as DasCheckbox,
+  Ie as DasCheckboxRef,
+  Le as default
 };