@das-fed/ui 7.0.7-hot.17 → 7.0.7-hot.19

package/packages/components/radio/index.js

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