@das-fed/upf-ui 6.4.0-dev.160 → 6.4.0-dev.162

package/packages/components/radio/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/upf-ui/packages/components/radio/style.css';
-import { defineComponent as _, reactive as ee, toRefs as ae, ref as j, computed as f, watchEffect as le, watch as ie, useSlots as oe, onMounted as ue, createElementBlock as s, openBlock as o, normalizeStyle as b, createBlock as m, createCommentVNode as t, unref as i, mergeProps as V, isRef as I, withCtx as y, renderSlot as C, normalizeClass as r, createVNode as N, Fragment as g, renderList as h, withDirectives as R, createTextVNode as B, toDisplayString as p } from "vue";
+import { defineComponent as _, reactive as ee, toRefs as ae, ref as j, computed as f, watchEffect as le, watch as ie, useSlots as oe, onMounted as ue, createElementBlock as s, openBlock as o, normalizeStyle as b, createBlock as m, createCommentVNode as t, unref as i, mergeProps as V, isRef as I, withCtx as y, renderSlot as C, normalizeClass as r, createVNode as N, Fragment as g, renderList as h, withDirectives as R, createTextVNode as B, toDisplayString as v } from "vue";
 import { withInstall as se } from "@das-fed/upf-utils/with-install/index";
 import { Radio as M, RadioGroup as G, RadioButton as de } from "ant-design-vue";
 import "ant-design-vue/es/radio/style/css";
@@ -10,10 +10,10 @@ import { setThemeRule as re } from "@das-fed/upf-web/packages/theme/index";
 const ne = {
   key: 0,
   class: "square-select-icon"
-}, fe = ["onClick", "onBlur", "tabindex"], ve = {
+}, fe = ["onClick", "onBlur", "tabindex"], pe = {
   key: 0,
   class: "square-select-icon"
-}, pe = {
+}, ve = {
   key: 1,
   class: "empty-text"
 }, ce = ["onClick", "tabindex"], be = /* @__PURE__ */ _({
@@ -53,9 +53,9 @@ const ne = {
     }), ie([l], ([e]) => {
       c("update:modelValue", e);
     });
-    const v = P(d, "defaultProps"), T = P(d, "options"), X = P(d, "isSetTimeout"), w = f(() => T.value.length ? T.value.map((e) => ({
-      value: e[v.value.value],
-      label: e[v.value.label],
+    const p = P(d, "defaultProps"), T = P(d, "options"), X = P(d, "isSetTimeout"), w = f(() => T.value.length ? T.value.map((e) => ({
+      value: e[p.value.value],
+      label: e[p.value.label],
       disabled: e.disabled,
       isFocus: !1
     })) : []), F = () => {
@@ -66,7 +66,7 @@ const ne = {
       if (!d.isView) return [];
       if ((!T.value.length || l.value == "undefined") && d.radioType == "group") return [];
       if (d.radioType == "group")
-        return T.value.filter((e) => l.value == e[v.value.value]);
+        return T.value.filter((e) => l.value == e[p.value.value]);
       {
         if (l.value == "undefined") return [];
         const e = oe();
@@ -110,311 +110,192 @@ const ne = {
         large: "14px"
       }[S.value]
     }));
-    return ue(Z), (e, u) => (o(), s(
-      "div",
-      {
-        class: "das-ui-radio",
-        ref_key: "radioRef",
-        ref: E,
-        style: b(x.value)
-      },
-      [
-        e.radioType == "default" && e.optionType == "default" && !e.isView ? (o(), m(i(M), V({
-          key: 0,
-          disabled: e.disabled,
-          checked: i(l),
-          "onUpdate:checked": u[0] || (u[0] = (a) => I(l) ? l.value = a : l = a)
-        }, e.$attrs, {
-          optionType: e.optionType,
-          onChange: F
-        }), {
-          default: y(() => [
-            C(e.$slots, "default")
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 16, ["disabled", "checked", "optionType"])) : t("v-if", !0),
-        e.radioType == "default" && e.optionType == "square" && !e.isView ? (o(), s(
-          "div",
+    return ue(Z), (e, u) => (o(), s("div", {
+      class: "das-ui-radio",
+      ref_key: "radioRef",
+      ref: E,
+      style: b(x.value)
+    }, [
+      e.radioType == "default" && e.optionType == "default" && !e.isView ? (o(), m(i(M), V({
+        key: 0,
+        disabled: e.disabled,
+        checked: i(l),
+        "onUpdate:checked": u[0] || (u[0] = (a) => I(l) ? l.value = a : l = a)
+      }, e.$attrs, {
+        optionType: e.optionType,
+        onChange: F
+      }), {
+        default: y(() => [
+          C(e.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["disabled", "checked", "optionType"])) : t("", !0),
+      e.radioType == "default" && e.optionType == "square" && !e.isView ? (o(), s("div", {
+        key: 1,
+        class: r([
+          "das-ui-radio-square",
           {
-            key: 1,
-            class: r([
-              "das-ui-radio-square",
-              {
-                "das-ui-radio-square--disabled": e.disabled,
-                "das-ui-radio-square--checked": !!i(l),
-                "das-ui-radio-square--focus": i($)
-              }
+            "das-ui-radio-square--disabled": e.disabled,
+            "das-ui-radio-square--checked": !!i(l),
+            "das-ui-radio-square--focus": i($)
+          }
+        ]),
+        onClick: u[1] || (u[1] = (a) => W("default", "")),
+        onBlur: u[2] || (u[2] = (a) => O("default", "")),
+        tabindex: "0"
+      }, [
+        i(l) ? (o(), s("span", ne, [
+          N(i(A), {
+            size: "mini",
+            icon: "select",
+            iconColor: "#fff",
+            class: "view-icon"
+          })
+        ])) : t("", !0),
+        C(e.$slots, "default")
+      ], 34)) : t("", !0),
+      e.radioType == "group" && e.optionType == "default" && !e.isView ? (o(), m(i(G), V({
+        key: 2,
+        class: { "das-ui-radio-vertical": i(k) == "vertical" },
+        name: e.name,
+        value: i(l),
+        "onUpdate:value": u[3] || (u[3] = (a) => I(l) ? l.value = a : l = a)
+      }, e.$attrs, {
+        onChange: F,
+        disabled: e.disabled
+      }), {
+        default: y(() => [
+          (o(!0), s(g, null, h(w.value, (a) => (o(), m(i(M), {
+            value: a.value,
+            disabled: a.disabled,
+            key: a.value
+          }, {
+            default: y(() => [
+              C(e.$slots, "default", { item: a }, () => [
+                R((o(), s("div", {
+                  style: b(q.value)
+                }, [
+                  B(v(a.label), 1)
+                ], 4)), [
+                  [i(D)]
+                ])
+              ])
             ]),
-            onClick: u[1] || (u[1] = (a) => W("default", "")),
-            onBlur: u[2] || (u[2] = (a) => O("default", "")),
-            tabindex: "0"
-          },
-          [
-            i(l) ? (o(), s("span", ne, [
-              N(i(A), {
-                size: "mini",
-                icon: "select",
-                iconColor: "#fff",
-                class: "view-icon"
-              })
-            ])) : t("v-if", !0),
-            C(e.$slots, "default")
-          ],
-          34
-          /* CLASS, NEED_HYDRATION */
-        )) : t("v-if", !0),
-        e.radioType == "group" && e.optionType == "default" && !e.isView ? (o(), m(i(G), V({
-          key: 2,
-          class: { "das-ui-radio-vertical": i(k) == "vertical" },
-          name: e.name,
-          value: i(l),
-          "onUpdate:value": u[3] || (u[3] = (a) => I(l) ? l.value = a : l = a)
-        }, e.$attrs, {
-          onChange: F,
-          disabled: e.disabled
-        }), {
-          default: y(() => [
-            (o(!0), s(
-              g,
-              null,
-              h(w.value, (a) => (o(), m(i(M), {
-                value: a.value,
-                disabled: a.disabled,
-                key: a.value
-              }, {
-                default: y(() => [
-                  C(e.$slots, "default", { item: a }, () => [
-                    R((o(), s(
-                      "div",
-                      {
-                        style: b(q.value)
-                      },
-                      [
-                        B(
-                          p(a.label),
-                          1
-                          /* TEXT */
-                        )
-                      ],
-                      4
-                      /* STYLE */
-                    )), [
-                      [i(D)]
-                    ])
-                  ])
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1032, ["value", "disabled"]))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 16, ["class", "name", "value", "disabled"])) : t("v-if", !0),
-        e.radioType == "group" && e.optionType == "button" ? (o(), m(i(G), V({
-          key: 3,
-          class: { "das-ui-radio-vertical": i(k) == "vertical" },
-          name: e.name,
-          disabled: e.disabled,
-          value: i(l),
-          "onUpdate:value": u[4] || (u[4] = (a) => I(l) ? l.value = a : l = a)
-        }, e.$attrs, {
-          buttonStyle: "solid",
-          onChange: F
-        }), {
-          default: y(() => [
-            (o(!0), s(
-              g,
-              null,
-              h(w.value, (a) => (o(), m(i(de), V({ ref_for: !0 }, e.$attrs, {
-                value: a.value,
-                disabled: a.disabled,
-                key: a.value
-              }), {
-                default: y(() => [
-                  C(e.$slots, "default", { item: a }, () => [
-                    R((o(), s(
-                      "div",
-                      {
-                        style: b(q.value)
-                      },
-                      [
-                        B(
-                          p(a.label),
-                          1
-                          /* TEXT */
-                        )
-                      ],
-                      4
-                      /* STYLE */
-                    )), [
-                      [i(D)]
-                    ])
-                  ])
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1040, ["value", "disabled"]))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ]),
-          _: 3
-          /* FORWARDED */
-        }, 16, ["class", "name", "disabled", "value"])) : t("v-if", !0),
-        e.radioType == "group" && e.optionType == "square" && !e.isView ? (o(), s(
-          "div",
-          {
-            key: 4,
-            class: r(["das-ui-radio-square-group", { "das-ui-radio-vertical": i(k) == "vertical" }])
-          },
-          [
-            (o(!0), s(
-              g,
-              null,
-              h(w.value, (a, n) => (o(), s("div", {
-                class: r([
-                  "das-ui-radio-square",
-                  {
-                    "das-ui-radio-square--disabled": a.disabled || e.disabled,
-                    "das-ui-radio-square--checked": i(l) == a.value,
-                    "das-ui-radio-square--focus": a.isFocus
-                  }
-                ]),
-                onClick: (L) => W("group", a),
-                onBlur: (L) => O("group", a),
-                tabindex: n,
-                key: n
-              }, [
-                i(l) ? (o(), s("span", ve, [
-                  N(i(A), {
-                    size: "mini",
-                    icon: "select",
-                    iconColor: "#fff",
-                    class: "view-icon"
-                  })
-                ])) : t("v-if", !0),
-                R((o(), s(
-                  "div",
-                  {
-                    style: b(q.value)
-                  },
-                  [
-                    B(
-                      p(a.label),
-                      1
-                      /* TEXT */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                )), [
+            _: 2
+          }, 1032, ["value", "disabled"]))), 128))
+        ]),
+        _: 3
+      }, 16, ["class", "name", "value", "disabled"])) : t("", !0),
+      e.radioType == "group" && e.optionType == "button" ? (o(), m(i(G), V({
+        key: 3,
+        class: { "das-ui-radio-vertical": i(k) == "vertical" },
+        name: e.name,
+        disabled: e.disabled,
+        value: i(l),
+        "onUpdate:value": u[4] || (u[4] = (a) => I(l) ? l.value = a : l = a)
+      }, e.$attrs, {
+        buttonStyle: "solid",
+        onChange: F
+      }), {
+        default: y(() => [
+          (o(!0), s(g, null, h(w.value, (a) => (o(), m(i(de), V({ ref_for: !0 }, e.$attrs, {
+            value: a.value,
+            disabled: a.disabled,
+            key: a.value
+          }), {
+            default: y(() => [
+              C(e.$slots, "default", { item: a }, () => [
+                R((o(), s("div", {
+                  style: b(q.value)
+                }, [
+                  B(v(a.label), 1)
+                ], 4)), [
                   [i(D)]
                 ])
-              ], 42, fe))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        t("多选 查看状态 "),
-        e.isView ? (o(), s(
-          "div",
-          {
-            key: 5,
-            class: r(["das-ui-radio-view-group", { "flex-view": z.value.length > 1 }])
-          },
-          [
-            z.value.length ? (o(!0), s(
-              g,
-              { key: 0 },
-              h(z.value, (a, n) => (o(), s(
-                "div",
-                {
-                  class: r(["das-radio-item-view", a[i(v).label] && "nonelabel-item-view"]),
-                  key: n
-                },
-                [
-                  N(i(A), {
-                    size: "mini",
-                    icon: "select",
-                    iconColor: "#666",
-                    class: "view-icon"
-                  }),
-                  R((o(), s(
-                    "div",
-                    {
-                      class: r(["label", a[i(v).label] && "label-min-width"]),
-                      style: b([q.value, { color: "#666" }])
-                    },
-                    [
-                      B(
-                        p(a[i(v).label]),
-                        1
-                        /* TEXT */
-                      )
-                    ],
-                    6
-                    /* CLASS, STYLE */
-                  )), [
-                    [i(D)]
-                  ])
-                ],
-                2
-                /* CLASS */
-              ))),
-              128
-              /* KEYED_FRAGMENT */
-            )) : (o(), s(
-              "span",
-              pe,
-              p(Q.value),
-              1
-              /* TEXT */
-            ))
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0),
-        t(" 用于过滤条件单选 "),
-        e.radioType == "group" && e.optionType == "filterSquare" ? (o(), s(
-          "div",
-          {
-            key: 6,
-            class: r(["das-ui-radio-square-group das-ui-radio-filter-square-group", { "das-ui-radio-vertical": i(k) == "vertical" }])
-          },
-          [
-            (o(!0), s(
-              g,
-              null,
-              h(w.value, (a, n) => (o(), s("div", {
-                class: r([
-                  "das-ui-radio-square",
-                  {
-                    "das-ui-radio-square--disabled": a.disabled || e.disabled,
-                    "das-ui-radio-square--checked": i(l) == a.value
-                  }
-                ]),
-                onClick: (L) => W("group", a),
-                tabindex: n,
-                key: n
-              }, p(a.label), 11, ce))),
-              128
-              /* KEYED_FRAGMENT */
-            ))
-          ],
-          2
-          /* CLASS */
-        )) : t("v-if", !0)
-      ],
-      4
-      /* STYLE */
-    ));
+              ])
+            ]),
+            _: 2
+          }, 1040, ["value", "disabled"]))), 128))
+        ]),
+        _: 3
+      }, 16, ["class", "name", "disabled", "value"])) : t("", !0),
+      e.radioType == "group" && e.optionType == "square" && !e.isView ? (o(), s("div", {
+        key: 4,
+        class: r(["das-ui-radio-square-group", { "das-ui-radio-vertical": i(k) == "vertical" }])
+      }, [
+        (o(!0), s(g, null, h(w.value, (a, n) => (o(), s("div", {
+          class: r([
+            "das-ui-radio-square",
+            {
+              "das-ui-radio-square--disabled": a.disabled || e.disabled,
+              "das-ui-radio-square--checked": i(l) == a.value,
+              "das-ui-radio-square--focus": a.isFocus
+            }
+          ]),
+          onClick: (L) => W("group", a),
+          onBlur: (L) => O("group", a),
+          tabindex: n,
+          key: n
+        }, [
+          i(l) ? (o(), s("span", pe, [
+            N(i(A), {
+              size: "mini",
+              icon: "select",
+              iconColor: "#fff",
+              class: "view-icon"
+            })
+          ])) : t("", !0),
+          R((o(), s("div", {
+            style: b(q.value)
+          }, [
+            B(v(a.label), 1)
+          ], 4)), [
+            [i(D)]
+          ])
+        ], 42, fe))), 128))
+      ], 2)) : t("", !0),
+      e.isView ? (o(), s("div", {
+        key: 5,
+        class: r(["das-ui-radio-view-group", { "flex-view": z.value.length > 1 }])
+      }, [
+        z.value.length ? (o(!0), s(g, { key: 0 }, h(z.value, (a, n) => (o(), s("div", {
+          class: r(["das-radio-item-view", a[i(p).label] && "nonelabel-item-view"]),
+          key: n
+        }, [
+          N(i(A), {
+            size: "mini",
+            icon: "select",
+            iconColor: "#666",
+            class: "view-icon"
+          }),
+          R((o(), s("div", {
+            class: r(["label", a[i(p).label] && "label-min-width"]),
+            style: b([q.value, { color: "#666" }])
+          }, [
+            B(v(a[i(p).label]), 1)
+          ], 6)), [
+            [i(D)]
+          ])
+        ], 2))), 128)) : (o(), s("span", ve, v(Q.value), 1))
+      ], 2)) : t("", !0),
+      e.radioType == "group" && e.optionType == "filterSquare" ? (o(), s("div", {
+        key: 6,
+        class: r(["das-ui-radio-square-group das-ui-radio-filter-square-group", { "das-ui-radio-vertical": i(k) == "vertical" }])
+      }, [
+        (o(!0), s(g, null, h(w.value, (a, n) => (o(), s("div", {
+          class: r([
+            "das-ui-radio-square",
+            {
+              "das-ui-radio-square--disabled": a.disabled || e.disabled,
+              "das-ui-radio-square--checked": i(l) == a.value
+            }
+          ]),
+          onClick: (L) => W("group", a),
+          tabindex: n,
+          key: n
+        }, v(a.label), 11, ce))), 128))
+      ], 2)) : t("", !0)
+    ], 4));
   }
 }), me = {
   "--demo-alert-bg": {