@das-fed/upf-ui 6.4.0-dev.238 → 6.4.0-dev.240

package/packages/components/radio/index.js

@@ -1,22 +1,30 @@
 import '@das-fed/upf-ui/packages/components/radio/style.css';
-import { defineComponent as ee, reactive as ae, toRefs as le, ref as j, computed as c, watchEffect as ie, watch as te, useSlots as ue, useAttrs as de, onMounted as oe, openBlock as u, createElementBlock as o, normalizeStyle as p, createBlock as y, unref as i, mergeProps as V, isRef as I, withCtx as g, renderSlot as C, createCommentVNode as r, normalizeClass as n, createVNode as N, Fragment as h, renderList as k, withDirectives as R, createTextVNode as B, toDisplayString as b } from "vue";
-import { withInstall as se } from "@das-fed/upf-utils/with-install/index";
-import { Radio as M, RadioGroup as G, RadioButton as re } from "ant-design-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 A } from "@das-fed/upf-utils/vue";
-import { vDasTooltip as D } from "@das-fed/upf-ui/packages/components/text-tooltip/index";
-import { DasAutoRegisterIcon as ne, DasIcon as P } from "@das-fed/upf-ui/packages/components/icon/index";
-import { setThemeRule as fe } from "@das-fed/upf-web/packages/theme/index";
-const ce = {
+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 ce, DasIcon as U } from "@das-fed/upf-ui/packages/components/icon/index";
+const fe = {
   key: 0,
   class: "square-select-icon"
-}, ve = ["onClick", "onBlur", "tabindex"], be = {
+}, ve = {
+  key: 1,
+  class: "das-ui-radio-option-label"
+}, pe = {
+  key: 1,
+  class: "das-ui-radio-option-label"
+}, be = ["onClick", "onBlur", "tabindex"], ye = {
   key: 0,
   class: "square-select-icon"
 }, me = {
+  key: 2,
+  class: "das-ui-radio-option-label"
+}, he = {
   key: 1,
   class: "empty-text"
-}, pe = ["onClick", "tabindex"], ye = /* @__PURE__ */ ee({
+}, ge = ["onClick", "tabindex"], ke = /* @__PURE__ */ ae({
   __name: "Index",
   props: {
     modelValue: { default: null },
@@ -39,70 +47,70 @@ const ce = {
     size: {}
   },
   emits: ["change", "update:modelValue"],
-  setup(t, { emit: H }) {
-    ne({
+  setup(u, { emit: J }) {
+    ce({
       select: import("@das-fed/upf-ui/packages/icons/select")
     });
-    const s = t, J = ae({
+    const d = u, K = le({
       radioValue: null,
       isFocus: !1
     });
-    let { radioValue: l, isFocus: z } = le(J);
-    const T = s.layout, m = H, E = j(null), K = c(() => s.noSetDefaultVal ? "" : "-");
-    ie(() => {
-      l.value = s.modelValue;
-    }), te([l], ([a]) => {
-      m("update:modelValue", a);
+    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 = A(s, "defaultProps"), w = A(s, "options"), Q = A(s, "isSetTimeout"), x = c(() => w.value.length ? w.value.map((a) => ({
-      value: a[v.value.value],
-      label: a[v.value.label],
+    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
-    })) : []), $ = () => {
-      Q.value ? setTimeout(() => {
-        m("change", l.value);
-      }, 0) : m("change", l.value);
+    })) : []), D = () => {
+      X.value ? setTimeout(() => {
+        b("change", l.value);
+      }, 0) : b("change", l.value);
     }, F = c(() => {
-      if (!s.isView) return [];
-      if ((!w.value.length || l.value == "undefined") && s.radioType == "group") return [];
-      if (s.radioType == "group")
-        return w.value.filter((a) => l.value == a[v.value.value]);
+      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 a = ue();
-        let d = null;
-        return a && a.default && (d = a.default()[0].children), [
+        const a = se();
+        let o = null;
+        return a && a.default && (o = a.default()[0].children), [
           {
             value: l.value,
-            label: d
+            label: o
           }
         ];
       }
-    }), X = s.disabled, W = (a, d) => {
-      if (!X)
+    }), Y = d.disabled, W = (a, o) => {
+      if (!Y)
         if (a == "group") {
-          if (d.disabled) return;
-          l.value = d.value, d.isFocus = !0, m("change", l.value);
+          if (o.disabled) return;
+          l.value = o.value, o.isFocus = !0, b("change", l.value);
         } else
-          l.value = !0, z.value = !0, m("change", l.value);
-    }, O = (a, d) => {
-      a == "group" ? d.isFocus = !1 : z.value = !1;
-    }, U = c(() => s.maxWidth ? s.maxWidth : s.width), q = c(() => {
-      if (s.maxWidth)
-        return `max-width:${Number(String(U.value).split("px")[0])}px`;
-      if (s.width)
-        return `width:${Number(String(U.value).split("px")[0])}px`;
-    }), Y = () => {
+          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 (d.width)
+        return `width:${Number(String(L.value).split("px")[0])}px`;
+    }), I = c(() => !!y.value), Z = () => {
       setTimeout(() => {
-        var d;
-        const a = (d = E.value) == null ? void 0 : d.querySelectorAll("input");
+        var o;
+        const a = (o = E.value) == null ? void 0 : o.querySelectorAll("input");
         a && a.length && a.forEach((e) => e.setAttribute("tabindex", "-1"));
       }, 1e3);
-    }, Z = de(), S = c(() => {
-      const a = s.size ?? Z.size ?? s.formSize;
+    }, _ = oe(), S = c(() => {
+      const a = d.size ?? _.size ?? d.formSize;
       return typeof a == "string" ? a : void 0;
-    }), _ = c(() => ({
+    }), ee = c(() => ({
       "--radio-height": S.value && {
         small: "24px",
         default: "32px",
@@ -116,23 +124,23 @@ const ce = {
         large: "14px"
       }[S.value]
     }));
-    return oe(Y), (a, d) => (u(), o(
+    return de(Z), (a, o) => (i(), s(
       "div",
       {
         class: "das-ui-radio",
         ref_key: "radioRef",
         ref: E,
-        style: p(_.value)
+        style: m(ee.value)
       },
       [
-        t.radioType == "default" && t.optionType == "default" && !t.isView ? (u(), y(i(M), V({
+        u.radioType == "default" && u.optionType == "default" && !u.isView ? (i(), h(t(G), V({
           key: 0,
-          disabled: t.disabled,
-          checked: i(l),
-          "onUpdate:checked": d[0] || (d[0] = (e) => I(l) ? l.value = e : l = e)
+          disabled: u.disabled,
+          checked: t(l),
+          "onUpdate:checked": o[0] || (o[0] = (e) => N(l) ? l.value = e : l = e)
         }, a.$attrs, {
-          optionType: t.optionType,
-          onChange: $
+          optionType: u.optionType,
+          onChange: D
         }), {
           default: g(() => [
             C(a.$slots, "default")
@@ -140,25 +148,25 @@ const ce = {
           _: 3
           /* FORWARDED */
         }, 16, ["disabled", "checked", "optionType"])) : r("v-if", !0),
-        t.radioType == "default" && t.optionType == "square" && !t.isView ? (u(), o(
+        u.radioType == "default" && u.optionType == "square" && !u.isView ? (i(), s(
           "div",
           {
             key: 1,
-            class: n([
+            class: f([
               "das-ui-radio-square",
               {
-                "das-ui-radio-square--disabled": t.disabled,
-                "das-ui-radio-square--checked": !!i(l),
-                "das-ui-radio-square--focus": i(z)
+                "das-ui-radio-square--disabled": u.disabled,
+                "das-ui-radio-square--checked": !!t(l),
+                "das-ui-radio-square--focus": t($)
               }
             ]),
-            onClick: d[1] || (d[1] = (e) => W("default", "")),
-            onBlur: d[2] || (d[2] = (e) => O("default", "")),
+            onClick: o[1] || (o[1] = (e) => W("default", "")),
+            onBlur: o[2] || (o[2] = (e) => O("default", "")),
             tabindex: "0"
           },
           [
-            i(l) ? (u(), o("span", ce, [
-              N(i(P), {
+            t(l) ? (i(), s("span", fe, [
+              A(t(U), {
                 size: "mini",
                 icon: "select",
                 iconColor: "#fff",
@@ -170,35 +178,37 @@ const ce = {
           34
           /* CLASS, NEED_HYDRATION */
         )) : r("v-if", !0),
-        t.radioType == "group" && t.optionType == "default" && !t.isView ? (u(), y(i(G), V({
+        u.radioType == "group" && u.optionType == "default" && !u.isView ? (i(), h(t(j), V({
           key: 2,
-          class: { "das-ui-radio-vertical": i(T) == "vertical" },
-          name: t.name,
-          value: i(l),
-          "onUpdate:value": d[3] || (d[3] = (e) => I(l) ? l.value = e : l = e)
+          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: $,
-          disabled: t.disabled
+          onChange: D,
+          disabled: u.disabled
         }), {
           default: g(() => [
-            (u(!0), o(
-              h,
+            (i(!0), s(
+              k,
               null,
-              k(x.value, (e) => (u(), y(i(M), {
+              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 }, () => [
-                    R((u(), o(
-                      "div",
+                    I.value ? R((i(), s(
+                      "span",
                       {
-                        style: p(q.value)
+                        key: 0,
+                        class: "das-ui-radio-option-label",
+                        style: m(y.value)
                       },
                       [
-                        B(
-                          b(e.label),
+                        z(
+                          n(e.label),
                           1
                           /* TEXT */
                         )
@@ -206,8 +216,14 @@ const ce = {
                       4
                       /* STYLE */
                     )), [
-                      [i(D)]
-                    ])
+                      [t(B)]
+                    ]) : (i(), s(
+                      "span",
+                      ve,
+                      n(e.label),
+                      1
+                      /* TEXT */
+                    ))
                   ])
                 ]),
                 _: 2
@@ -220,36 +236,38 @@ const ce = {
           _: 3
           /* FORWARDED */
         }, 16, ["class", "name", "value", "disabled"])) : r("v-if", !0),
-        t.radioType == "group" && t.optionType == "button" ? (u(), y(i(G), V({
+        u.radioType == "group" && u.optionType == "button" ? (i(), h(t(j), V({
           key: 3,
-          class: { "das-ui-radio-vertical": i(T) == "vertical" },
-          name: t.name,
-          disabled: t.disabled,
-          value: i(l),
-          "onUpdate:value": d[4] || (d[4] = (e) => I(l) ? l.value = e : l = e)
+          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: $
+          onChange: D
         }), {
           default: g(() => [
-            (u(!0), o(
-              h,
+            (i(!0), s(
+              k,
               null,
-              k(x.value, (e) => (u(), y(i(re), V({ ref_for: !0 }, a.$attrs, {
+              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 }, () => [
-                    R((u(), o(
-                      "div",
+                    I.value ? R((i(), s(
+                      "span",
                       {
-                        style: p(q.value)
+                        key: 0,
+                        class: "das-ui-radio-option-label",
+                        style: m(y.value)
                       },
                       [
-                        B(
-                          b(e.label),
+                        z(
+                          n(e.label),
                           1
                           /* TEXT */
                         )
@@ -257,8 +275,14 @@ const ce = {
                       4
                       /* STYLE */
                     )), [
-                      [i(D)]
-                    ])
+                      [t(B)]
+                    ]) : (i(), s(
+                      "span",
+                      pe,
+                      n(e.label),
+                      1
+                      /* TEXT */
+                    ))
                   ])
                 ]),
                 _: 2
@@ -271,46 +295,48 @@ const ce = {
           _: 3
           /* FORWARDED */
         }, 16, ["class", "name", "disabled", "value"])) : r("v-if", !0),
-        t.radioType == "group" && t.optionType == "square" && !t.isView ? (u(), o(
+        u.radioType == "group" && u.optionType == "square" && !u.isView ? (i(), s(
           "div",
           {
             key: 4,
-            class: n(["das-ui-radio-square-group", { "das-ui-radio-vertical": i(T) == "vertical" }])
+            class: f(["das-ui-radio-square-group", { "das-ui-radio-vertical": t(w) == "vertical" }])
           },
           [
-            (u(!0), o(
-              h,
+            (i(!0), s(
+              k,
               null,
-              k(x.value, (e, f) => (u(), o("div", {
-                class: n([
+              T(q.value, (e, v) => (i(), s("div", {
+                class: f([
                   "das-ui-radio-square",
                   {
-                    "das-ui-radio-square--disabled": e.disabled || t.disabled,
-                    "das-ui-radio-square--checked": i(l) == e.value,
+                    "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: (L) => W("group", e),
-                onBlur: (L) => O("group", e),
-                tabindex: f,
-                key: f
+                onClick: (M) => W("group", e),
+                onBlur: (M) => O("group", e),
+                tabindex: v,
+                key: v
               }, [
-                i(l) ? (u(), o("span", be, [
-                  N(i(P), {
+                t(l) ? (i(), s("span", ye, [
+                  A(t(U), {
                     size: "mini",
                     icon: "select",
                     iconColor: "#fff",
                     class: "view-icon"
                   })
                 ])) : r("v-if", !0),
-                R((u(), o(
-                  "div",
+                I.value ? R((i(), s(
+                  "span",
                   {
-                    style: p(q.value)
+                    key: 1,
+                    class: "das-ui-radio-option-label",
+                    style: m(y.value)
                   },
                   [
-                    B(
-                      b(e.label),
+                    z(
+                      n(e.label),
                       1
                       /* TEXT */
                     )
@@ -318,9 +344,15 @@ const ce = {
                   4
                   /* STYLE */
                 )), [
-                  [i(D)]
-                ])
-              ], 42, ve))),
+                  [t(B)]
+                ]) : (i(), s(
+                  "span",
+                  me,
+                  n(e.label),
+                  1
+                  /* TEXT */
+                ))
+              ], 42, be))),
               128
               /* KEYED_FRAGMENT */
             ))
@@ -329,38 +361,38 @@ const ce = {
           /* CLASS */
         )) : r("v-if", !0),
         r("多选 查看状态 "),
-        t.isView ? (u(), o(
+        u.isView ? (i(), s(
           "div",
           {
             key: 5,
-            class: n(["das-ui-radio-view-group", { "flex-view": F.value.length > 1 }])
+            class: f(["das-ui-radio-view-group", { "flex-view": F.value.length > 1 }])
           },
           [
-            F.value.length ? (u(!0), o(
-              h,
+            F.value.length ? (i(!0), s(
+              k,
               { key: 0 },
-              k(F.value, (e, f) => (u(), o(
+              T(F.value, (e, v) => (i(), s(
                 "div",
                 {
-                  class: n(["das-radio-item-view", e[i(v).label] && "nonelabel-item-view"]),
-                  key: f
+                  class: f(["das-radio-item-view", e[t(p).label] && "nonelabel-item-view"]),
+                  key: v
                 },
                 [
-                  N(i(P), {
+                  A(t(U), {
                     size: "mini",
                     icon: "select",
                     iconColor: "#666",
                     class: "view-icon"
                   }),
-                  R((u(), o(
+                  R((i(), s(
                     "div",
                     {
-                      class: n(["label", e[i(v).label] && "label-min-width"]),
-                      style: p([q.value, { color: "#666" }])
+                      class: f(["label", e[t(p).label] && "label-min-width"]),
+                      style: m([y.value, { color: "#666" }])
                     },
                     [
-                      B(
-                        b(e[i(v).label]),
+                      z(
+                        n(e[t(p).label]),
                         1
                         /* TEXT */
                       )
@@ -368,7 +400,7 @@ const ce = {
                     6
                     /* CLASS, STYLE */
                   )), [
-                    [i(D)]
+                    [t(B)]
                   ])
                 ],
                 2
@@ -376,10 +408,10 @@ const ce = {
               ))),
               128
               /* KEYED_FRAGMENT */
-            )) : (u(), o(
+            )) : (i(), s(
               "span",
-              me,
-              b(K.value),
+              he,
+              n(Q.value),
               1
               /* TEXT */
             ))
@@ -388,28 +420,28 @@ const ce = {
           /* CLASS */
         )) : r("v-if", !0),
         r(" 用于过滤条件单选 "),
-        t.radioType == "group" && t.optionType == "filterSquare" ? (u(), o(
+        u.radioType == "group" && u.optionType == "filterSquare" ? (i(), s(
           "div",
           {
             key: 6,
-            class: n(["das-ui-radio-square-group das-ui-radio-filter-square-group", { "das-ui-radio-vertical": i(T) == "vertical" }])
+            class: f(["das-ui-radio-square-group das-ui-radio-filter-square-group", { "das-ui-radio-vertical": t(w) == "vertical" }])
           },
           [
-            (u(!0), o(
-              h,
+            (i(!0), s(
+              k,
               null,
-              k(x.value, (e, f) => (u(), o("div", {
-                class: n([
+              T(q.value, (e, v) => (i(), s("div", {
+                class: f([
                   "das-ui-radio-square",
                   {
-                    "das-ui-radio-square--disabled": e.disabled || t.disabled,
-                    "das-ui-radio-square--checked": i(l) == e.value
+                    "das-ui-radio-square--disabled": e.disabled || u.disabled,
+                    "das-ui-radio-square--checked": t(l) == e.value
                   }
                 ]),
-                onClick: (L) => W("group", e),
-                tabindex: f,
-                key: f
-              }, b(e.label), 11, pe))),
+                onClick: (M) => W("group", e),
+                tabindex: v,
+                key: v
+              }, n(e.label), 11, ge))),
               128
               /* KEYED_FRAGMENT */
             ))
@@ -422,24 +454,9 @@ const ce = {
       /* STYLE */
     ));
   }
-}), ge = {
-  "--demo-alert-bg": {
-    light: "#fff",
-    dark: "rgba(255,255,255,.2)"
-  },
-  "--das-ui-radio-font-normal": "#212121",
-  "--das-ui-radio-primary": "#5582F3 ",
-  "--das-ui-radio-disabled": "#B2B2B2",
-  "--das-ui-radio-inner-disabled": "#F5F5F5",
-  "--das-ui-radio-border-normal": "#D9D9D9",
-  "--das-ui-radio-bgff": "#fff",
-  "--das-ui-radio-shadow": "rgba(85, 130, 243, 0.1)",
-  "--das-ui-radio-filter-bgcolor": "#fff"
-};
-fe(ge);
-const Ce = () => j(null), Re = se(ye);
+}), Re = () => H(null), ze = re(ke);
 export {
-  Re as DasRadio,
-  Ce as DasRadioRef,
-  Re as default
+  ze as DasRadio,
+  Re as DasRadioRef,
+  ze as default
 };

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

@@ -24,13 +24,13 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     options: any[];
     disabled: boolean;
     name: string;
-    defaultProps: import("./type").ValLabel<string>;
     modelValue: any;
-    layout: "default" | "vertical";
-    radioType: "default" | "group";
-    optionType: "default" | "square" | "button" | "filterSquare";
     isView: boolean;
     noSetDefaultVal: boolean;
+    optionType: "default" | "square" | "button" | "filterSquare";
+    defaultProps: import("./type").ValLabel<string>;
+    layout: "default" | "vertical";
+    radioType: "default" | "group";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;