@das-fed/upf-ui 6.4.0-dev.314 → 6.4.0-dev.315

package/packages/components/radio/index.js

@@ -1,4 +1,4 @@
-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 { defineComponent as ae, reactive as le, toRefs as te, ref as H, computed as c, watchEffect as ie, watch as ue, useSlots as se, useAttrs as oe, onMounted as de, openBlock as t, createElementBlock as s, normalizeStyle as m, createBlock as h, unref as i, 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";
@@ -56,9 +56,9 @@ const fe = {
       radioValue: null,
       isFocus: !1
     });
-    let { radioValue: l, isFocus: $ } = ie(K);
+    let { radioValue: l, isFocus: $ } = te(K);
     const w = d.layout, b = J, E = H(null), Q = c(() => d.noSetDefaultVal ? "" : "-");
-    te(() => {
+    ie(() => {
       l.value = d.modelValue;
     }), ue([l], ([a]) => {
       b("update:modelValue", a);
@@ -125,335 +125,198 @@ const fe = {
         large: "14px"
       }[S.value]
     }));
-    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",
+    return de(Z), (a, o) => (t(), s("div", {
+      class: "das-ui-radio",
+      ref_key: "radioRef",
+      ref: E,
+      style: m(ee.value)
+    }, [
+      u.radioType == "default" && u.optionType == "default" && !u.isView ? (t(), h(i(G), V({
+        key: 0,
+        disabled: u.disabled,
+        checked: i(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
+      }, 16, ["disabled", "checked", "optionType"])) : r("", !0),
+      u.radioType == "default" && u.optionType == "square" && !u.isView ? (t(), s("div", {
+        key: 1,
+        class: f([
+          "das-ui-radio-square",
           {
-            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($)
-              }
+            "das-ui-radio-square--disabled": u.disabled,
+            "das-ui-radio-square--checked": !!i(l),
+            "das-ui-radio-square--focus": i($)
+          }
+        ]),
+        onClick: o[1] || (o[1] = (e) => W("default", "")),
+        onBlur: o[2] || (o[2] = (e) => O("default", "")),
+        tabindex: "0"
+      }, [
+        i(l) ? (t(), s("span", fe, [
+          A(i(U), {
+            size: "mini",
+            icon: "select",
+            iconColor: "#fff",
+            class: "view-icon"
+          })
+        ])) : r("", !0),
+        C(a.$slots, "default")
+      ], 34)) : r("", !0),
+      u.radioType == "group" && u.optionType == "default" && !u.isView ? (t(), h(i(j), V({
+        key: 2,
+        class: { "das-ui-radio-vertical": i(w) == "vertical" },
+        name: u.name,
+        value: i(l),
+        "onUpdate:value": o[3] || (o[3] = (e) => N(l) ? l.value = e : l = e)
+      }, a.$attrs, {
+        onChange: D,
+        disabled: u.disabled
+      }), {
+        default: g(() => [
+          (t(!0), s(k, null, T(q.value, (e) => (t(), h(i(G), {
+            value: e.value,
+            disabled: e.disabled,
+            key: e.value
+          }, {
+            default: g(() => [
+              C(a.$slots, "default", { item: e }, () => [
+                I.value ? R((t(), s("span", {
+                  key: 0,
+                  class: "das-ui-radio-option-label",
+                  style: m(y.value)
+                }, [
+                  z(n(e.label), 1)
+                ], 4)), [
+                  [i(B)]
+                ]) : (t(), s("span", ve, n(e.label), 1))
+              ])
+            ]),
+            _: 2
+          }, 1032, ["value", "disabled"]))), 128))
+        ]),
+        _: 3
+      }, 16, ["class", "name", "value", "disabled"])) : r("", !0),
+      u.radioType == "group" && u.optionType == "button" ? (t(), h(i(j), V({
+        key: 3,
+        class: { "das-ui-radio-vertical": i(w) == "vertical" },
+        name: u.name,
+        disabled: u.disabled,
+        value: i(l),
+        "onUpdate:value": o[4] || (o[4] = (e) => N(l) ? l.value = e : l = e)
+      }, a.$attrs, {
+        buttonStyle: "solid",
+        onChange: D
+      }), {
+        default: g(() => [
+          (t(!0), s(k, null, T(q.value, (e) => (t(), h(i(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((t(), s("span", {
+                  key: 0,
+                  class: "das-ui-radio-option-label",
+                  style: m(y.value)
+                }, [
+                  z(n(e.label), 1)
+                ], 4)), [
+                  [i(B)]
+                ]) : (t(), s("span", pe, n(e.label), 1))
+              ])
             ]),
-            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 */
-            ))
+            _: 2
+          }, 1040, ["value", "disabled"]))), 128))
+        ]),
+        _: 3
+      }, 16, ["class", "name", "disabled", "value"])) : r("", !0),
+      u.radioType == "group" && u.optionType == "square" && !u.isView ? (t(), s("div", {
+        key: 4,
+        class: f(["das-ui-radio-square-group", { "das-ui-radio-vertical": i(w) == "vertical" }])
+      }, [
+        (t(!0), s(k, null, T(q.value, (e, v) => (t(), s("div", {
+          class: f([
+            "das-ui-radio-square",
+            {
+              "das-ui-radio-square--disabled": e.disabled || u.disabled,
+              "das-ui-radio-square--checked": i(l) == e.value,
+              "das-ui-radio-square--focus": e.isFocus
+            }
           ]),
-          _: 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", e),
+          onBlur: (M) => O("group", e),
+          tabindex: v,
+          key: v
+        }, [
+          i(l) ? (t(), s("span", ye, [
+            A(i(U), {
+              size: "mini",
+              icon: "select",
+              iconColor: "#fff",
+              class: "view-icon"
+            })
+          ])) : r("", !0),
+          I.value ? R((t(), s("span", {
+            key: 1,
+            class: "das-ui-radio-option-label",
+            style: m(y.value)
+          }, [
+            z(n(e.label), 1)
+          ], 4)), [
+            [i(B)]
+          ]) : (t(), s("span", me, n(e.label), 1))
+        ], 42, be))), 128))
+      ], 2)) : r("", !0),
+      u.isView ? (t(), s("div", {
+        key: 5,
+        class: f(["das-ui-radio-view-group", { "flex-view": F.value.length > 1 }])
+      }, [
+        F.value.length ? (t(!0), s(k, { key: 0 }, T(F.value, (e, v) => (t(), s("div", {
+          class: f(["das-radio-item-view", e[i(p).label] && "nonelabel-item-view"]),
+          key: v
+        }, [
+          A(i(U), {
+            size: "mini",
+            icon: "select",
+            iconColor: "#666",
+            class: "view-icon"
+          }),
+          R((t(), s("div", {
+            class: f(["label", e[i(p).label] && "label-min-width"]),
+            style: m([y.value, { color: "#666" }])
+          }, [
+            z(n(e[i(p).label]), 1)
+          ], 6)), [
+            [i(B)]
+          ])
+        ], 2))), 128)) : (t(), s("span", he, n(Q.value), 1))
+      ], 2)) : r("", !0),
+      u.radioType == "group" && u.optionType == "filterSquare" ? (t(), s("div", {
+        key: 6,
+        class: f(["das-ui-radio-square-group das-ui-radio-filter-square-group", { "das-ui-radio-vertical": i(w) == "vertical" }])
+      }, [
+        (t(!0), s(k, null, T(q.value, (e, v) => (t(), s("div", {
+          class: f([
+            "das-ui-radio-square",
+            {
+              "das-ui-radio-square--disabled": e.disabled || u.disabled,
+              "das-ui-radio-square--checked": i(l) == e.value
+            }
           ]),
-          _: 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 */
-    ));
+          onClick: (M) => W("group", e),
+          tabindex: v,
+          key: v
+        }, n(e.label), 11, ge))), 128))
+      ], 2)) : r("", !0)
+    ], 4));
   }
 }), Re = () => H(null), ze = re(ke);
 export {