@das-fed/ui 7.1.0-qatar.7 → 7.1.0-qatar.9

package/packages/components/radio/index.js

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

package/packages/components/radio/style.css

@@ -1 +1 @@
-.das-ui-radio .empty-text{font-size:var(--das-font-size-sm);color:var(--das-ui-radio-font-normal)}.das-ui-radio .ant-radio-wrapper{font-size:var(--das-font-size-xs);color:var(--das-ui-radio-font-normal);font-weight:500}.das-ui-radio .ant-radio-wrapper .ant-radio .ant-radio-input,.das-ui-radio .ant-radio-wrapper .ant-radio .ant-radio-inner{width:14px;height:14px}.das-ui-radio .ant-radio-wrapper .ant-radio.ant-radio-checked:not([class*=" ant-radio-disabled"]) .ant-radio-inner{border-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-wrapper .ant-radio.ant-radio-checked:not([class*=" ant-radio-disabled"]) .ant-radio-inner:after{background-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-wrapper .ant-radio.ant-radio+*{padding-left:5px!important;line-height:18px}.das-ui-radio .ant-radio-wrapper.ant-radio-wrapper-disabled{color:var(--das-ui-radio-disabled)}.das-ui-radio .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio+*{color:var(--das-ui-radio-disabled)}.das-ui-radio .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-inner{background-color:var(--das-ui-radio-inner-disabled)}.das-ui-radio .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-disabled .ant-radio-inner:after{background-color:var(--das-ui-radio-border-normal)}.das-ui-radio .ant-radio-wrapper:hover .ant-radio,.das-ui-radio .ant-radio:hover .ant-radio-inner{border-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-input:focus+.ant-radio-inner{border-color:var(--das-ui-radio-border-normal);box-shadow:none}.das-ui-radio .ant-radio-wrapper:not([class*=" ant-radio-wrapper-disabled"]):hover .ant-radio+*{color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-wrapper:not([class*=" ant-radio-wrapper-disabled"]):hover .ant-radio-inner{border-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-group.das-ui-radio-vertical:not(.ant-radio-group-solid){display:flex;flex-direction:column;width:fit-content}.das-ui-radio .ant-radio-group.das-ui-radio-vertical:not(.ant-radio-group-solid) .das-radio-item>span{padding-left:5px}.das-ui-radio .ant-radio-group.das-ui-radio-vertical:not(.ant-radio-group-solid) .ant-radio-wrapper+.ant-radio-wrapper{margin-top:10px}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper{padding:0 12px;font-weight:500}.das-ui-radio .ant-radio-group{font-weight:500}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper{font-size:var(--das-font-size-xs);color:var(--das-ui-radio-font-normal)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper:not([class*=" ant-radio-button-wrapper-disabled"]):hover{color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]){color:var(--das-ui-radio-bgff)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled{color:var(--das-ui-radio-disabled);background-color:var(--das-ui-radio-bgff)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked{background-color:var(--das-ui-radio-border-normal)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child{border-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]){background-color:var(--das-ui-radio-primary);border-color:var(--das-ui-radio-primary)}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-filter-square-group) .das-ui-radio-square:not(.das-ui-radio-square--checked):not(.das-ui-radio-square--disabled):hover{border-color:var(--das-ui-radio-primary);color:var(--das-ui-radio-primary)}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-filter-square-group) .das-ui-radio-square.das-ui-radio-square--checked{position:relative}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-filter-square-group) .das-ui-radio-square.das-ui-radio-square--checked:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-primary) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-filter-square-group) .das-ui-radio-square.das-ui-radio-square--checked.das-ui-radio-square--disabled{color:var(--das-ui-radio-font-normal)}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-filter-square-group) .das-ui-radio-square.das-ui-radio-square--checked.das-ui-radio-square--disabled:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-disabled) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-radio .das-ui-radio-square{cursor:pointer;height:32px;width:fit-content;line-height:32px;padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-radio-border-normal);border-radius:var(--das-ui-radio-square-radius);color:var(--das-ui-radio-font-normal);font-size:var(--das-font-size-xs);font-weight:500;position:relative}.das-ui-radio .das-ui-radio-square .square-select-icon{position:absolute;bottom:0;right:0;z-index:10;display:flex}.das-ui-radio .das-ui-radio-square .square-select-icon .view-icon{width:10px!important;height:10px!important}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--checked{position:relative}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--checked.das-ui-radio-square--focus{box-shadow:0 0 0 3px var(--das-ui-radio-shadow)}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--checked:not(.das-ui-radio-square--disabled){border-color:var(--das-ui-radio-primary)}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--checked.das-ui-radio-square--disabled{color:var(--das-ui-radio-font-normal)}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--checked.das-ui-radio-square--disabled:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-disabled) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--disabled{cursor:not-allowed;background-color:var(--das-ui-radio-inner-disabled)}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--disabled:not([class*=" das-ui-radio-square--checked"]){color:var(--das-ui-radio-disabled)}.das-ui-radio .das-ui-radio-square-group{display:flex;align-items:center}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-vertical) .das-ui-radio-square+.das-ui-radio-square{margin-left:10px}.das-ui-radio .das-ui-radio-square-group.das-ui-radio-vertical{display:flex;flex-direction:column;align-items:flex-start}.das-ui-radio .das-ui-radio-square-group.das-ui-radio-vertical .das-ui-radio-square+.das-ui-radio-square{margin-top:10px}.das-ui-radio .das-ui-radio-filter-square-group .das-ui-radio-square{height:24px;line-height:24px}.das-ui-radio .das-ui-radio-filter-square-group:not(.das-ui-radio-vertical) .das-ui-radio-square+.das-ui-radio-square{margin-left:24px}.das-ui-radio .das-ui-radio-filter-square-group .das-ui-radio-square--checked{background-color:var(--das-ui-radio-filter-bgcolor);color:var(--das-ui-radio-primary);border-color:var(--das-ui-radio-primary);box-sizing:border-box}.das-ui-radio .das-ui-radio-filter-square-group .das-ui-radio-square:not(.das-ui-radio-square--checked){border-color:transparent}.das-ui-radio .das-ui-radio-view-group{display:inline-block;position:relative}.das-ui-radio .das-ui-radio-view-group.flex-view,.das-ui-radio .das-ui-radio-view-group .das-radio-item-view{display:flex;align-items:center}.das-ui-radio .das-ui-radio-view-group .das-radio-item-view.nonelabel-item-view{margin-right:4px}.das-ui-radio .das-ui-radio-view-group .das-radio-item-view .label{font-size:var(--das-font-size-xs);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:var(--das-ui-radio-font-normal)!important}.das-ui-radio .das-ui-radio-view-group .das-radio-item-view .label.label-min-width{min-width:72px;margin-left:5px}
+.das-ui-radio .empty-text{font-size:var(--das-font-size-sm);color:var(--das-ui-radio-font-normal)}.das-ui-radio .ant-radio-wrapper{font-size:var(--das-font-size-xs);color:var(--das-ui-radio-font-normal);font-weight:500}.das-ui-radio .ant-radio-wrapper .ant-radio .ant-radio-input,.das-ui-radio .ant-radio-wrapper .ant-radio .ant-radio-inner{width:14px;height:14px}.das-ui-radio .ant-radio-wrapper .ant-radio.ant-radio-checked:not([class*=" ant-radio-disabled"]) .ant-radio-inner{border-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-wrapper .ant-radio.ant-radio-checked:not([class*=" ant-radio-disabled"]) .ant-radio-inner:after{background-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-wrapper .ant-radio.ant-radio+*{padding-left:5px!important;line-height:18px}.das-ui-radio .ant-radio-wrapper.ant-radio-wrapper-disabled{color:var(--das-ui-radio-disabled)}.das-ui-radio .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio+*{color:var(--das-ui-radio-disabled)}.das-ui-radio .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-inner{background-color:var(--das-ui-radio-inner-disabled)}.das-ui-radio .ant-radio-wrapper.ant-radio-wrapper-disabled .ant-radio-disabled .ant-radio-inner:after{background-color:var(--das-ui-radio-border-normal)}.das-ui-radio .ant-radio-wrapper:hover .ant-radio,.das-ui-radio .ant-radio:hover .ant-radio-inner{border-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-input:focus+.ant-radio-inner{border-color:var(--das-ui-radio-border-normal);box-shadow:none}.das-ui-radio .ant-radio-wrapper:not([class*=" ant-radio-wrapper-disabled"]):hover .ant-radio+*{color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-wrapper:not([class*=" ant-radio-wrapper-disabled"]):hover .ant-radio-inner{border-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-group.das-ui-radio-vertical:not(.ant-radio-group-solid){display:flex;flex-direction:column;width:fit-content}.das-ui-radio .ant-radio-group.das-ui-radio-vertical:not(.ant-radio-group-solid) .das-radio-item>span{padding-left:5px}.das-ui-radio .ant-radio-group.das-ui-radio-vertical:not(.ant-radio-group-solid) .ant-radio-wrapper+.ant-radio-wrapper{margin-top:10px}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper{padding:0 12px;font-weight:500}.das-ui-radio .ant-radio-group{font-weight:500}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper{font-size:var(--das-font-size-xs);color:var(--das-ui-radio-font-normal);border-color:var(--das-ui-radio-border-normal)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper:before{background-color:var(--das-ui-radio-border-normal)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper:first-child{border-radius:var(--das-ui-radio-group-radius) 0 0 var(--das-ui-radio-group-radius)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper:last-child{border-radius:0 var(--das-ui-radio-group-radius) var(--das-ui-radio-group-radius) 0}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper:first-child:last-child{border-radius:var(--das-ui-radio-group-radius)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper:not([class*=" ant-radio-button-wrapper-disabled"]):hover{color:var(--das-ui-radio-primary);border-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper:not([class*=" ant-radio-button-wrapper-disabled"]):hover:before{background-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper:focus-within{box-shadow:0 0 0 3px var(--das-ui-radio-shadow)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]){color:var(--das-ui-radio-bgff);border-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]):before{background-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]):hover{color:var(--das-ui-radio-bgff);background-color:var(--das-ui-radio-primary-hover);border-color:var(--das-ui-radio-primary-hover)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]):hover:before{background-color:var(--das-ui-radio-primary-hover)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]):active{color:var(--das-ui-radio-bgff);background-color:var(--das-ui-radio-primary-active);border-color:var(--das-ui-radio-primary-active)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]):active:before{background-color:var(--das-ui-radio-primary-active)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled{color:var(--das-ui-radio-disabled);background-color:var(--das-ui-radio-bgff)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled.ant-radio-button-wrapper-checked{background-color:var(--das-ui-radio-border-normal)}.das-ui-radio .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper:first-child{border-color:var(--das-ui-radio-primary)}.das-ui-radio .ant-radio-group.ant-radio-group-solid .ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]){background-color:var(--das-ui-radio-primary);border-color:var(--das-ui-radio-primary)}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-filter-square-group) .das-ui-radio-square:not(.das-ui-radio-square--checked):not(.das-ui-radio-square--disabled):hover{border-color:var(--das-ui-radio-primary);color:var(--das-ui-radio-primary)}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-filter-square-group) .das-ui-radio-square.das-ui-radio-square--checked{position:relative}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-filter-square-group) .das-ui-radio-square.das-ui-radio-square--checked:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-primary) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-filter-square-group) .das-ui-radio-square.das-ui-radio-square--checked.das-ui-radio-square--disabled{color:var(--das-ui-radio-font-normal)}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-filter-square-group) .das-ui-radio-square.das-ui-radio-square--checked.das-ui-radio-square--disabled:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-disabled) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-radio .das-ui-radio-square{cursor:pointer;height:32px;width:fit-content;line-height:32px;padding:0 12px;box-sizing:border-box;border:1px solid var(--das-ui-radio-border-normal);border-radius:var(--das-ui-radio-square-radius);color:var(--das-ui-radio-font-normal);font-size:var(--das-font-size-xs);font-weight:500;position:relative}.das-ui-radio .das-ui-radio-square .square-select-icon{position:absolute;bottom:0;right:0;z-index:10;display:flex}.das-ui-radio .das-ui-radio-square .square-select-icon .view-icon{width:10px!important;height:10px!important}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--checked{position:relative}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--checked.das-ui-radio-square--focus{box-shadow:0 0 0 3px var(--das-ui-radio-shadow)}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--checked:not(.das-ui-radio-square--disabled){border-color:var(--das-ui-radio-primary)}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--checked.das-ui-radio-square--disabled{color:var(--das-ui-radio-font-normal)}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--checked.das-ui-radio-square--disabled:after{content:"";display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-color:var(--das-ui-radio-disabled) transparent;border-width:0 0 17px 17px;border-style:solid}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--disabled{cursor:not-allowed;background-color:var(--das-ui-radio-inner-disabled)}.das-ui-radio .das-ui-radio-square.das-ui-radio-square--disabled:not([class*=" das-ui-radio-square--checked"]){color:var(--das-ui-radio-disabled)}.das-ui-radio .das-ui-radio-square-group{display:flex;align-items:center}.das-ui-radio .das-ui-radio-square-group:not(.das-ui-radio-vertical) .das-ui-radio-square+.das-ui-radio-square{margin-left:10px}.das-ui-radio .das-ui-radio-square-group.das-ui-radio-vertical{display:flex;flex-direction:column;align-items:flex-start}.das-ui-radio .das-ui-radio-square-group.das-ui-radio-vertical .das-ui-radio-square+.das-ui-radio-square{margin-top:10px}.das-ui-radio .das-ui-radio-filter-square-group .das-ui-radio-square{height:24px;line-height:24px}.das-ui-radio .das-ui-radio-filter-square-group:not(.das-ui-radio-vertical) .das-ui-radio-square+.das-ui-radio-square{margin-left:24px}.das-ui-radio .das-ui-radio-filter-square-group .das-ui-radio-square--checked{background-color:var(--das-ui-radio-filter-bgcolor);color:var(--das-ui-radio-primary);border-color:var(--das-ui-radio-primary);box-sizing:border-box}.das-ui-radio .das-ui-radio-filter-square-group .das-ui-radio-square:not(.das-ui-radio-square--checked){border-color:transparent}.das-ui-radio .das-ui-radio-view-group{display:inline-block;position:relative}.das-ui-radio .das-ui-radio-view-group.flex-view,.das-ui-radio .das-ui-radio-view-group .das-radio-item-view{display:flex;align-items:center}.das-ui-radio .das-ui-radio-view-group .das-radio-item-view.nonelabel-item-view{margin-right:4px}.das-ui-radio .das-ui-radio-view-group .das-radio-item-view .label{font-size:var(--das-font-size-xs);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;color:var(--das-ui-radio-font-normal)!important}.das-ui-radio .das-ui-radio-view-group .das-radio-item-view .label.label-min-width{min-width:72px;margin-left:5px}

package/packages/components/radio/theme/index.d.ts

@@ -9,5 +9,8 @@ declare const _default: {
     '--das-ui-radio-shadow': string;
     '--das-ui-radio-filter-bgcolor': string;
     '--das-ui-radio-square-radius': string;
+    '--das-ui-radio-group-radius': string;
+    '--das-ui-radio-primary-hover': string;
+    '--das-ui-radio-primary-active': string;
 };
 export default _default;

package/packages/components/table/src/hooks/use-operation.d.ts

@@ -37,8 +37,8 @@ export declare const useOperation: (props: Props, emit: Emits, rowKey: Ref<strin
         reserveSelection?: boolean | undefined;
         filterMultiple?: boolean | undefined;
         key?: PropertyKey;
-        style?: unknown;
         label?: string | undefined;
+        style?: unknown;
         fixed?: string | boolean | undefined;
         ref?: import("vue").VNodeRef;
         ref_for?: boolean;

package/packages/components/tabs/index.d.ts

@@ -9,7 +9,7 @@ declare const DasTabs: import("@das-fed/utils").SFCWithInstall<{
         "update:activeKey": (value: string | number) => any;
     }, import("vue").PublicProps, {
         type: "line" | "card" | "lattice" | "editable-card";
-        theme: "default" | "kjl" | "cjb" | "ssl";
+        theme: "default" | "kjl" | "cjb" | "ssl" | "qatar";
         contextmenu: boolean;
         options: Array<import("./src/type.js").DasTabsoptionsType>;
         defualtProps: {
@@ -33,7 +33,7 @@ declare const DasTabs: import("@das-fed/utils").SFCWithInstall<{
         "onUpdate:activeKey"?: ((value: string | number) => any) | undefined;
     }>, {}, {}, {}, {}, {
         type: "line" | "card" | "lattice" | "editable-card";
-        theme: "default" | "kjl" | "cjb" | "ssl";
+        theme: "default" | "kjl" | "cjb" | "ssl" | "qatar";
         contextmenu: boolean;
         options: Array<import("./src/type.js").DasTabsoptionsType>;
         defualtProps: {
@@ -58,7 +58,7 @@ declare const DasTabs: import("@das-fed/utils").SFCWithInstall<{
     "update:activeKey": (value: string | number) => any;
 }, string, {
     type: "line" | "card" | "lattice" | "editable-card";
-    theme: "default" | "kjl" | "cjb" | "ssl";
+    theme: "default" | "kjl" | "cjb" | "ssl" | "qatar";
     contextmenu: boolean;
     options: Array<import("./src/type.js").DasTabsoptionsType>;
     defualtProps: {

package/packages/components/tabs/index.js

@@ -383,6 +383,7 @@ const ce = (a) => /^[+-]?\d+(\.\d+)?(px|em|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|%)
     light: s("--das-color-brand-primary"),
     qatar: s("--das-color-brand-primary")
   },
+  "--das-ui-tabs-color": s("--das-color-text-body"),
   "--das-ui-tabs-menu-color": s("--das-color-text-title"),
   "--das-ui-tabs-menu-hover-bg-color": s("--das-color-bg-disabled"),
   "--das-ui-tabs-menu-active-bg-color": s("--das-color-brand-primary-light"),

package/packages/components/tabs/src/Tabs.vue.d.ts

@@ -27,7 +27,7 @@ declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {},
     "onUpdate:activeKey"?: ((value: string | number) => any) | undefined;
 }>, {
     type: "line" | "card" | "lattice" | "editable-card";
-    theme: "default" | "kjl" | "cjb" | "ssl";
+    theme: "default" | "kjl" | "cjb" | "ssl" | "qatar";
     contextmenu: boolean;
     options: Array<import("./type").DasTabsoptionsType>;
     defualtProps: {

package/packages/components/tabs/src/style-theme.d.ts

@@ -1,7 +1,7 @@
 /**
- * 科技蓝 (kjl):背景 #FAFAFA + 文字 #666666 + 激活色 #276FF5
-  纯净白 (cjb):背景 #FAFAFA + 文字 #666666 + 激活色 #276FF5
-  深邃蓝 (ssl):背景 #161834(深色)+ 文字 #999999 + 激活色 #276FF5
+科技蓝 (kjl):背景 #FAFAFA + 文字 #666666 + 激活色 #276FF5
+深邃蓝 (ssl):背景 #161834(深色)+ 文字 #999999 + 激活色 #276FF5
+纯净白 (cjb):背景 #FAFAFA + 文字 #666666 + 激活色 #276FF5
  */
 declare const _default: {
     '--das-ui-tabs-color': {

package/packages/components/tabs/src/type.d.ts

@@ -29,7 +29,7 @@ export interface DasTabsoptionsType {
 
 export interface Props {
   
-  theme: 'default' | 'kjl' | 'cjb' | 'ssl'
+  theme: 'default' | 'kjl' | 'cjb' | 'ssl' | 'qatar'
 
   
   activeKey?: string | number