@das-fed/upf-ui 6.4.0-dev.297 → 6.4.0-dev.298

package/packages/components/radio/index.js

@@ -1,10 +1,10 @@
-import { defineComponent as ae, reactive as le, toRefs as se, ref as H, computed as n, watchEffect as oe, watch as ie, useSlots as ue, useAttrs as te, onMounted as de, openBlock as s, createElementBlock as i, normalizeStyle as y, createBlock as m, unref as o, mergeProps as V, isRef as N, withCtx as h, renderSlot as C, createCommentVNode as d, normalizeClass as p, createVNode as A, Fragment as g, renderList as k, withDirectives as R, createTextVNode as z, toDisplayString as r } from "vue";
+import { defineComponent as ae, reactive as le, toRefs as ie, ref as H, computed as c, watchEffect as te, watch as ue, useSlots as se, useAttrs as oe, onMounted as de, openBlock as i, createElementBlock as s, normalizeStyle as m, createBlock as h, unref as t, mergeProps as V, isRef as N, withCtx as g, renderSlot as C, createCommentVNode as r, normalizeClass as f, createVNode as A, Fragment as k, renderList as T, withDirectives as R, createTextVNode as z, toDisplayString as n } from "vue";
 import { withInstall as re } from "@das-fed/upf-utils/with-install/index";
 import { Radio as G, RadioGroup as j, RadioButton as ne } from "ant-design-vue";
 import "ant-design-vue/es/radio/style/css";
 import { useModelValue as P } from "@das-fed/upf-utils/vue";
 import { vDasTooltip as B } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-import { DasAutoRegisterIcon as pe, DasIcon as U } from "@das-fed/upf-ui/packages/components/icon/index"
+import { DasAutoRegisterIcon as ce, DasIcon as U } from "@das-fed/upf-ui/packages/components/icon/index"
 import '@das-fed/upf-ui/packages/components/radio/style.css';
 ;
 const fe = {
@@ -13,7 +13,7 @@ const fe = {
 }, ve = {
   key: 1,
   class: "das-ui-radio-option-label"
-}, ce = {
+}, pe = {
   key: 1,
   class: "das-ui-radio-option-label"
 }, be = ["onClick", "onBlur", "tabindex"], ye = {
@@ -48,70 +48,70 @@ const fe = {
     size: {}
   },
   emits: ["change", "update:modelValue"],
-  setup(J, { emit: K }) {
-    pe({
+  setup(u, { emit: J }) {
+    ce({
       select: import("@das-fed/upf-ui/packages/icons/select")
     });
-    const t = J, Q = le({
+    const d = u, K = le({
       radioValue: null,
       isFocus: !1
     });
-    let { radioValue: l, isFocus: $ } = se(Q);
-    const T = t.layout, c = K, E = H(null), X = n(() => t.noSetDefaultVal ? "" : "-");
-    oe(() => {
-      l.value = t.modelValue;
-    }), ie([l], ([e]) => {
-      c("update:modelValue", e);
+    let { radioValue: l, isFocus: $ } = ie(K);
+    const w = d.layout, b = J, E = H(null), Q = c(() => d.noSetDefaultVal ? "" : "-");
+    te(() => {
+      l.value = d.modelValue;
+    }), ue([l], ([a]) => {
+      b("update:modelValue", a);
     });
-    const v = P(t, "defaultProps"), w = P(t, "options"), Y = P(t, "isSetTimeout"), q = n(() => w.value.length ? w.value.map((e) => ({
-      value: e[v.value.value],
-      label: e[v.value.label],
-      disabled: e.disabled,
+    const p = P(d, "defaultProps"), x = P(d, "options"), X = P(d, "isSetTimeout"), q = c(() => x.value.length ? x.value.map((a) => ({
+      value: a[p.value.value],
+      label: a[p.value.label],
+      disabled: a.disabled,
       isFocus: !1
     })) : []), D = () => {
-      Y.value ? setTimeout(() => {
-        c("change", l.value);
-      }, 0) : c("change", l.value);
-    }, F = n(() => {
-      if (!t.isView) return [];
-      if ((!w.value.length || l.value == "undefined") && t.radioType == "group") return [];
-      if (t.radioType == "group")
-        return w.value.filter((e) => l.value == e[v.value.value]);
+      X.value ? setTimeout(() => {
+        b("change", l.value);
+      }, 0) : b("change", l.value);
+    }, F = c(() => {
+      if (!d.isView) return [];
+      if ((!x.value.length || l.value == "undefined") && d.radioType == "group") return [];
+      if (d.radioType == "group")
+        return x.value.filter((a) => l.value == a[p.value.value]);
       {
         if (l.value == "undefined") return [];
-        const e = ue();
-        let u = null;
-        return e && e.default && (u = e.default()[0].children), [
+        const a = se();
+        let o = null;
+        return a && a.default && (o = a.default()[0].children), [
           {
             value: l.value,
-            label: u
+            label: o
           }
         ];
       }
-    }), Z = t.disabled, W = (e, u) => {
-      if (!Z)
-        if (e == "group") {
-          if (u.disabled) return;
-          l.value = u.value, u.isFocus = !0, c("change", l.value);
+    }), Y = d.disabled, W = (a, o) => {
+      if (!Y)
+        if (a == "group") {
+          if (o.disabled) return;
+          l.value = o.value, o.isFocus = !0, b("change", l.value);
         } else
-          l.value = !0, $.value = !0, c("change", l.value);
-    }, O = (e, u) => {
-      e == "group" ? u.isFocus = !1 : $.value = !1;
-    }, L = n(() => t.maxWidth ? t.maxWidth : t.width), b = n(() => {
-      if (t.maxWidth)
+          l.value = !0, $.value = !0, b("change", l.value);
+    }, O = (a, o) => {
+      a == "group" ? o.isFocus = !1 : $.value = !1;
+    }, L = c(() => d.maxWidth ? d.maxWidth : d.width), y = c(() => {
+      if (d.maxWidth)
         return `max-width:${Number(String(L.value).split("px")[0])}px`;
-      if (t.width)
+      if (d.width)
         return `width:${Number(String(L.value).split("px")[0])}px`;
-    }), I = n(() => !!b.value), x = () => {
+    }), I = c(() => !!y.value), Z = () => {
       setTimeout(() => {
-        var u;
-        const e = (u = E.value) == null ? void 0 : u.querySelectorAll("input");
-        e && e.length && e.forEach((a) => a.setAttribute("tabindex", "-1"));
+        var o;
+        const a = (o = E.value) == null ? void 0 : o.querySelectorAll("input");
+        a && a.length && a.forEach((e) => e.setAttribute("tabindex", "-1"));
       }, 1e3);
-    }, _ = te(), S = n(() => {
-      const e = t.size ?? _.size ?? t.formSize;
-      return typeof e == "string" ? e : void 0;
-    }), ee = n(() => ({
+    }, _ = oe(), S = c(() => {
+      const a = d.size ?? _.size ?? d.formSize;
+      return typeof a == "string" ? a : void 0;
+    }), ee = c(() => ({
       "--radio-height": S.value && {
         small: "24px",
         default: "32px",
@@ -125,202 +125,339 @@ const fe = {
         large: "14px"
       }[S.value]
     }));
-    return de(x), (e, u) => (s(), i("div", {
-      class: "das-ui-radio",
-      ref_key: "radioRef",
-      ref: E,
-      style: y(ee.value)
-    }, [
-      e.radioType == "default" && e.optionType == "default" && !e.isView ? (s(), m(o(G), V({
-        key: 0,
-        disabled: e.disabled,
-        checked: o(l),
-        "onUpdate:checked": u[0] || (u[0] = (a) => N(l) ? l.value = a : l = a)
-      }, e.$attrs, {
-        optionType: e.optionType,
-        onChange: D
-      }), {
-        default: h(() => [
-          C(e.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["disabled", "checked", "optionType"])) : d("", !0),
-      e.radioType == "default" && e.optionType == "square" && !e.isView ? (s(), i("div", {
-        key: 1,
-        class: p([
-          "das-ui-radio-square",
+    return de(Z), (a, o) => (i(), s(
+      "div",
+      {
+        class: "das-ui-radio",
+        ref_key: "radioRef",
+        ref: E,
+        style: m(ee.value)
+      },
+      [
+        u.radioType == "default" && u.optionType == "default" && !u.isView ? (i(), h(t(G), V({
+          key: 0,
+          disabled: u.disabled,
+          checked: t(l),
+          "onUpdate:checked": o[0] || (o[0] = (e) => N(l) ? l.value = e : l = e)
+        }, a.$attrs, {
+          optionType: u.optionType,
+          onChange: D
+        }), {
+          default: g(() => [
+            C(a.$slots, "default")
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["disabled", "checked", "optionType"])) : r("v-if", !0),
+        u.radioType == "default" && u.optionType == "square" && !u.isView ? (i(), s(
+          "div",
           {
-            "das-ui-radio-square--disabled": e.disabled,
-            "das-ui-radio-square--checked": !!o(l),
-            "das-ui-radio-square--focus": o($)
-          }
-        ]),
-        onClick: u[1] || (u[1] = (a) => W("default", "")),
-        onBlur: u[2] || (u[2] = (a) => O("default", "")),
-        tabindex: "0"
-      }, [
-        o(l) ? (s(), i("span", fe, [
-          A(o(U), {
-            size: "mini",
-            icon: "select",
-            iconColor: "#fff",
-            class: "view-icon"
-          })
-        ])) : d("", !0),
-        C(e.$slots, "default")
-      ], 34)) : d("", !0),
-      e.radioType == "group" && e.optionType == "default" && !e.isView ? (s(), m(o(j), V({
-        key: 2,
-        class: { "das-ui-radio-vertical": o(T) == "vertical" },
-        name: e.name,
-        value: o(l),
-        "onUpdate:value": u[3] || (u[3] = (a) => N(l) ? l.value = a : l = a)
-      }, e.$attrs, {
-        onChange: D,
-        disabled: e.disabled
-      }), {
-        default: h(() => [
-          (s(!0), i(g, null, k(q.value, (a) => (s(), m(o(G), {
-            value: a.value,
-            disabled: a.disabled,
-            key: a.value
-          }, {
-            default: h(() => [
-              C(e.$slots, "default", { item: a }, () => [
-                I.value ? R((s(), i("span", {
-                  key: 0,
-                  class: "das-ui-radio-option-label",
-                  style: y(b.value)
-                }, [
-                  z(r(a.label), 1)
-                ], 4)), [
-                  [o(B)]
-                ]) : (s(), i("span", ve, r(a.label), 1))
-              ])
-            ]),
-            _: 2
-          }, 1032, ["value", "disabled"]))), 128))
-        ]),
-        _: 3
-      }, 16, ["class", "name", "value", "disabled"])) : d("", !0),
-      e.radioType == "group" && e.optionType == "button" ? (s(), m(o(j), V({
-        key: 3,
-        class: { "das-ui-radio-vertical": o(T) == "vertical" },
-        name: e.name,
-        disabled: e.disabled,
-        value: o(l),
-        "onUpdate:value": u[4] || (u[4] = (a) => N(l) ? l.value = a : l = a)
-      }, e.$attrs, {
-        buttonStyle: "solid",
-        onChange: D
-      }), {
-        default: h(() => [
-          (s(!0), i(g, null, k(q.value, (a) => (s(), m(o(ne), V({ ref_for: !0 }, e.$attrs, {
-            value: a.value,
-            disabled: a.disabled,
-            key: a.value
-          }), {
-            default: h(() => [
-              C(e.$slots, "default", { item: a }, () => [
-                I.value ? R((s(), i("span", {
-                  key: 0,
-                  class: "das-ui-radio-option-label",
-                  style: y(b.value)
-                }, [
-                  z(r(a.label), 1)
-                ], 4)), [
-                  [o(B)]
-                ]) : (s(), i("span", ce, r(a.label), 1))
-              ])
+            key: 1,
+            class: f([
+              "das-ui-radio-square",
+              {
+                "das-ui-radio-square--disabled": u.disabled,
+                "das-ui-radio-square--checked": !!t(l),
+                "das-ui-radio-square--focus": t($)
+              }
             ]),
-            _: 2
-          }, 1040, ["value", "disabled"]))), 128))
-        ]),
-        _: 3
-      }, 16, ["class", "name", "disabled", "value"])) : d("", !0),
-      e.radioType == "group" && e.optionType == "square" && !e.isView ? (s(), i("div", {
-        key: 4,
-        class: p(["das-ui-radio-square-group", { "das-ui-radio-vertical": o(T) == "vertical" }])
-      }, [
-        (s(!0), i(g, null, k(q.value, (a, f) => (s(), i("div", {
-          class: p([
-            "das-ui-radio-square",
-            {
-              "das-ui-radio-square--disabled": a.disabled || e.disabled,
-              "das-ui-radio-square--checked": o(l) == a.value,
-              "das-ui-radio-square--focus": a.isFocus
-            }
+            onClick: o[1] || (o[1] = (e) => W("default", "")),
+            onBlur: o[2] || (o[2] = (e) => O("default", "")),
+            tabindex: "0"
+          },
+          [
+            t(l) ? (i(), s("span", fe, [
+              A(t(U), {
+                size: "mini",
+                icon: "select",
+                iconColor: "#fff",
+                class: "view-icon"
+              })
+            ])) : r("v-if", !0),
+            C(a.$slots, "default")
+          ],
+          34
+          /* CLASS, NEED_HYDRATION */
+        )) : r("v-if", !0),
+        u.radioType == "group" && u.optionType == "default" && !u.isView ? (i(), h(t(j), V({
+          key: 2,
+          class: { "das-ui-radio-vertical": t(w) == "vertical" },
+          name: u.name,
+          value: t(l),
+          "onUpdate:value": o[3] || (o[3] = (e) => N(l) ? l.value = e : l = e)
+        }, a.$attrs, {
+          onChange: D,
+          disabled: u.disabled
+        }), {
+          default: g(() => [
+            (i(!0), s(
+              k,
+              null,
+              T(q.value, (e) => (i(), h(t(G), {
+                value: e.value,
+                disabled: e.disabled,
+                key: e.value
+              }, {
+                default: g(() => [
+                  C(a.$slots, "default", { item: e }, () => [
+                    I.value ? R((i(), s(
+                      "span",
+                      {
+                        key: 0,
+                        class: "das-ui-radio-option-label",
+                        style: m(y.value)
+                      },
+                      [
+                        z(
+                          n(e.label),
+                          1
+                          /* TEXT */
+                        )
+                      ],
+                      4
+                      /* STYLE */
+                    )), [
+                      [t(B)]
+                    ]) : (i(), s(
+                      "span",
+                      ve,
+                      n(e.label),
+                      1
+                      /* TEXT */
+                    ))
+                  ])
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["value", "disabled"]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
           ]),
-          onClick: (M) => W("group", a),
-          onBlur: (M) => O("group", a),
-          tabindex: f,
-          key: f
-        }, [
-          o(l) ? (s(), i("span", ye, [
-            A(o(U), {
-              size: "mini",
-              icon: "select",
-              iconColor: "#fff",
-              class: "view-icon"
-            })
-          ])) : d("", !0),
-          I.value ? R((s(), i("span", {
-            key: 1,
-            class: "das-ui-radio-option-label",
-            style: y(b.value)
-          }, [
-            z(r(a.label), 1)
-          ], 4)), [
-            [o(B)]
-          ]) : (s(), i("span", me, r(a.label), 1))
-        ], 42, be))), 128))
-      ], 2)) : d("", !0),
-      e.isView ? (s(), i("div", {
-        key: 5,
-        class: p(["das-ui-radio-view-group", { "flex-view": F.value.length > 1 }])
-      }, [
-        F.value.length ? (s(!0), i(g, { key: 0 }, k(F.value, (a, f) => (s(), i("div", {
-          class: p(["das-radio-item-view", a[o(v).label] && "nonelabel-item-view"]),
-          key: f
-        }, [
-          A(o(U), {
-            size: "mini",
-            icon: "select",
-            iconColor: "#666",
-            class: "view-icon"
-          }),
-          R((s(), i("div", {
-            class: p(["label", a[o(v).label] && "label-min-width"]),
-            style: y([b.value, { color: "#666" }])
-          }, [
-            z(r(a[o(v).label]), 1)
-          ], 6)), [
-            [o(B)]
-          ])
-        ], 2))), 128)) : (s(), i("span", he, r(X.value), 1))
-      ], 2)) : d("", !0),
-      e.radioType == "group" && e.optionType == "filterSquare" ? (s(), i("div", {
-        key: 6,
-        class: p(["das-ui-radio-square-group das-ui-radio-filter-square-group", { "das-ui-radio-vertical": o(T) == "vertical" }])
-      }, [
-        (s(!0), i(g, null, k(q.value, (a, f) => (s(), i("div", {
-          class: p([
-            "das-ui-radio-square",
-            {
-              "das-ui-radio-square--disabled": a.disabled || e.disabled,
-              "das-ui-radio-square--checked": o(l) == a.value
-            }
+          _: 3
+          /* FORWARDED */
+        }, 16, ["class", "name", "value", "disabled"])) : r("v-if", !0),
+        u.radioType == "group" && u.optionType == "button" ? (i(), h(t(j), V({
+          key: 3,
+          class: { "das-ui-radio-vertical": t(w) == "vertical" },
+          name: u.name,
+          disabled: u.disabled,
+          value: t(l),
+          "onUpdate:value": o[4] || (o[4] = (e) => N(l) ? l.value = e : l = e)
+        }, a.$attrs, {
+          buttonStyle: "solid",
+          onChange: D
+        }), {
+          default: g(() => [
+            (i(!0), s(
+              k,
+              null,
+              T(q.value, (e) => (i(), h(t(ne), V({ ref_for: !0 }, a.$attrs, {
+                value: e.value,
+                disabled: e.disabled,
+                key: e.value
+              }), {
+                default: g(() => [
+                  C(a.$slots, "default", { item: e }, () => [
+                    I.value ? R((i(), s(
+                      "span",
+                      {
+                        key: 0,
+                        class: "das-ui-radio-option-label",
+                        style: m(y.value)
+                      },
+                      [
+                        z(
+                          n(e.label),
+                          1
+                          /* TEXT */
+                        )
+                      ],
+                      4
+                      /* STYLE */
+                    )), [
+                      [t(B)]
+                    ]) : (i(), s(
+                      "span",
+                      pe,
+                      n(e.label),
+                      1
+                      /* TEXT */
+                    ))
+                  ])
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1040, ["value", "disabled"]))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
           ]),
-          onClick: (M) => W("group", a),
-          tabindex: f,
-          key: f
-        }, r(a.label), 11, ge))), 128))
-      ], 2)) : d("", !0)
-    ], 4));
+          _: 3
+          /* FORWARDED */
+        }, 16, ["class", "name", "disabled", "value"])) : r("v-if", !0),
+        u.radioType == "group" && u.optionType == "square" && !u.isView ? (i(), s(
+          "div",
+          {
+            key: 4,
+            class: f(["das-ui-radio-square-group", { "das-ui-radio-vertical": t(w) == "vertical" }])
+          },
+          [
+            (i(!0), s(
+              k,
+              null,
+              T(q.value, (e, v) => (i(), s("div", {
+                class: f([
+                  "das-ui-radio-square",
+                  {
+                    "das-ui-radio-square--disabled": e.disabled || u.disabled,
+                    "das-ui-radio-square--checked": t(l) == e.value,
+                    "das-ui-radio-square--focus": e.isFocus
+                  }
+                ]),
+                onClick: (M) => W("group", e),
+                onBlur: (M) => O("group", e),
+                tabindex: v,
+                key: v
+              }, [
+                t(l) ? (i(), s("span", ye, [
+                  A(t(U), {
+                    size: "mini",
+                    icon: "select",
+                    iconColor: "#fff",
+                    class: "view-icon"
+                  })
+                ])) : r("v-if", !0),
+                I.value ? R((i(), s(
+                  "span",
+                  {
+                    key: 1,
+                    class: "das-ui-radio-option-label",
+                    style: m(y.value)
+                  },
+                  [
+                    z(
+                      n(e.label),
+                      1
+                      /* TEXT */
+                    )
+                  ],
+                  4
+                  /* STYLE */
+                )), [
+                  [t(B)]
+                ]) : (i(), s(
+                  "span",
+                  me,
+                  n(e.label),
+                  1
+                  /* TEXT */
+                ))
+              ], 42, be))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          2
+          /* CLASS */
+        )) : r("v-if", !0),
+        r("多选 查看状态 "),
+        u.isView ? (i(), s(
+          "div",
+          {
+            key: 5,
+            class: f(["das-ui-radio-view-group", { "flex-view": F.value.length > 1 }])
+          },
+          [
+            F.value.length ? (i(!0), s(
+              k,
+              { key: 0 },
+              T(F.value, (e, v) => (i(), s(
+                "div",
+                {
+                  class: f(["das-radio-item-view", e[t(p).label] && "nonelabel-item-view"]),
+                  key: v
+                },
+                [
+                  A(t(U), {
+                    size: "mini",
+                    icon: "select",
+                    iconColor: "#666",
+                    class: "view-icon"
+                  }),
+                  R((i(), s(
+                    "div",
+                    {
+                      class: f(["label", e[t(p).label] && "label-min-width"]),
+                      style: m([y.value, { color: "#666" }])
+                    },
+                    [
+                      z(
+                        n(e[t(p).label]),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    6
+                    /* CLASS, STYLE */
+                  )), [
+                    [t(B)]
+                  ])
+                ],
+                2
+                /* CLASS */
+              ))),
+              128
+              /* KEYED_FRAGMENT */
+            )) : (i(), s(
+              "span",
+              he,
+              n(Q.value),
+              1
+              /* TEXT */
+            ))
+          ],
+          2
+          /* CLASS */
+        )) : r("v-if", !0),
+        r(" 用于过滤条件单选 "),
+        u.radioType == "group" && u.optionType == "filterSquare" ? (i(), s(
+          "div",
+          {
+            key: 6,
+            class: f(["das-ui-radio-square-group das-ui-radio-filter-square-group", { "das-ui-radio-vertical": t(w) == "vertical" }])
+          },
+          [
+            (i(!0), s(
+              k,
+              null,
+              T(q.value, (e, v) => (i(), s("div", {
+                class: f([
+                  "das-ui-radio-square",
+                  {
+                    "das-ui-radio-square--disabled": e.disabled || u.disabled,
+                    "das-ui-radio-square--checked": t(l) == e.value
+                  }
+                ]),
+                onClick: (M) => W("group", e),
+                tabindex: v,
+                key: v
+              }, n(e.label), 11, ge))),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ],
+          2
+          /* CLASS */
+        )) : r("v-if", !0)
+      ],
+      4
+      /* STYLE */
+    ));
   }
-}), ze = () => H(null), Be = re(ke);
+}), Re = () => H(null), ze = re(ke);
 export {
-  Be as DasRadio,
-  ze as DasRadioRef,
-  Be as default
+  ze as DasRadio,
+  Re as DasRadioRef,
+  ze as default
 };