@das-fed/upf-ui 6.4.0-dev.140 → 6.4.0-dev.141

package/packages/components/radio/index.js

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

package/packages/components/radio/src/Index.vue.d.ts

@@ -14,8 +14,8 @@ declare const changeRadioSquare: (type: string, row: any) => void;
 declare const blurRadioSquare: (type: string, row: any) => void;
 declare const textWidth: import("vue").ComputedRef<string | undefined>;
 declare const computedStyle: import("vue").ComputedRef<{
-    '--radio-height': string | undefined;
-    '--radio-font-size': string | undefined;
+    '--radio-height': string;
+    '--radio-font-size': string;
 }>;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_9: {}, __VLS_15: {}, __VLS_29: {