@das-fed/ui 7.1.0-dev.9 → 7.1.0-qatar.2

package/packages/components/calendar/style.css

@@ -1 +1 @@
-.das-ui-calendar{width:100%;height:100%;box-sizing:border-box}.das-ui-calendar .das-calendar-body{width:100%;height:100%}.das-ui-calendar .das-calendar-table:not(.is-range) td.next,.das-ui-calendar .das-calendar-table:not(.is-range) td.prev{color:var(--das-ui-calendar-color-pre-next)}.das-ui-calendar .das-calendar-table{width:100%;height:100%;overflow:hidden;box-sizing:border-box;table-layout:fixed}.das-ui-calendar .das-calendar-table .das-calendar-table-header{box-sizing:border-box;color:var(--das-ui-calendar-color-text);position:relative;border-top:1px solid var(--das-ui-calendar-color-border);border-bottom:1px solid var(--das-ui-calendar-color-border);border-left:1px solid var(--das-ui-calendar-color-border);height:60px;font-size:var(--das-ui-calendar-size-text)}.das-ui-calendar .das-calendar-table .das-calendar-table-header:nth-last-child(1){border-right:1px solid var(--das-ui-calendar-color-border)}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line{width:100%}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:14px;font-weight:600;line-height:21px;color:#212121}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{border-bottom:1px solid var(--das-ui-calendar-color-border);border-right:1px solid var(--das-ui-calendar-color-border);vertical-align:top;transition:background-color .2s ease}.das-ui-calendar .das-calendar-table .das-calendar-table-row td:first-child{border-left:1px solid var(--das-ui-calendar-color-border)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-selected .das-calendar-cell-date>span{color:#fff!important;background-color:var(--das-ui-calendar-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{color:var(--das-ui-calendar-color-text)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-today .das-calendar-cell-date>span{color:var(--das-ui-calendar-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day{box-sizing:border-box;height:100%;display:flex;flex-direction:column}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-cont{flex:1;overflow:hidden}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date{padding:6px 6px 5px;display:flex;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span{font-size:16px;display:flex;justify-content:center;align-items:center;border-radius:50%;width:var(--das-ui-calendar-span-size);height:var(--das-ui-calendar-span-size);line-height:var(--das-ui-calendar-span-size)}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-header{height:auto;border:none}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row .das-calendar-day{height:auto!important}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row td{border:none}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:12px;font-weight:400;line-height:18px;color:#999}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight{font-size:14px;font-weight:600;line-height:21px;color:#212121}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-week-line{display:flex;align-items:center;align-self:flex-start;padding-left:12px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day{align-self:flex-start;padding-left:12px;margin-top:4px;font-size:12px;font-weight:400;line-height:18px;color:#999}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight{font-size:14px;font-weight:600;line-height:21px;color:#212121}
+.das-ui-calendar{width:100%;height:100%;box-sizing:border-box}.das-ui-calendar .das-calendar-body{width:100%;height:100%}.das-ui-calendar .das-calendar-table:not(.is-range) td.next,.das-ui-calendar .das-calendar-table:not(.is-range) td.prev{color:var(--das-ui-calendar-color-pre-next)}.das-ui-calendar .das-calendar-table{width:100%;height:100%;overflow:hidden;box-sizing:border-box;table-layout:fixed}.das-ui-calendar .das-calendar-table .das-calendar-table-header{box-sizing:border-box;color:var(--das-ui-calendar-color-text);position:relative;border-top:1px solid var(--das-ui-calendar-color-border);border-bottom:1px solid var(--das-ui-calendar-color-border);border-left:1px solid var(--das-ui-calendar-color-border);height:60px;font-size:var(--das-ui-calendar-size-text)}.das-ui-calendar .das-calendar-table .das-calendar-table-header:nth-last-child(1){border-right:1px solid var(--das-ui-calendar-color-border)}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line{width:100%}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:14px;font-weight:600;line-height:21px;color:var(--das-ui-calendar-color-text)}html[lang=ar] .das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:16px}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{border-bottom:1px solid var(--das-ui-calendar-color-border);border-right:1px solid var(--das-ui-calendar-color-border);vertical-align:top;transition:background-color .2s ease}.das-ui-calendar .das-calendar-table .das-calendar-table-row td:first-child{border-left:1px solid var(--das-ui-calendar-color-border)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-selected .das-calendar-cell-date>span{color:var(--das-color-bg-container)!important;background-color:var(--das-ui-calendar-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{color:var(--das-ui-calendar-color-text)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-today .das-calendar-cell-date>span{color:var(--das-ui-calendar-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day{box-sizing:border-box;height:100%;display:flex;flex-direction:column}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-cont{flex:1;overflow:hidden}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date{padding:6px 6px 5px;display:flex;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span{font-size:16px;display:flex;justify-content:center;align-items:center;border-radius:50%;width:var(--das-ui-calendar-span-size);height:var(--das-ui-calendar-span-size);line-height:var(--das-ui-calendar-span-size)}html[lang=ar] .das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span{font-size:18px}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-header{height:auto;border:none}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row .das-calendar-day{height:auto!important}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row td{border:none}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:12px;font-weight:400;line-height:18px;color:var(--das-ui-calendar-color-head-tip)}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:14px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight{font-size:14px;font-weight:600;line-height:21px;color:var(--das-ui-calendar-color-text)}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight{font-size:16px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-week-line{display:flex;align-items:center;align-self:flex-start;padding-left:12px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day{align-self:flex-start;padding-left:12px;margin-top:4px;font-size:12px;font-weight:400;line-height:18px;color:var(--das-ui-calendar-color-head-tip)}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day{font-size:14px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight{font-size:14px;font-weight:600;line-height:21px;color:var(--das-ui-calendar-color-text)}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight{font-size:16px}

package/packages/components/cascader/i18n/index.d.ts

@@ -2,6 +2,7 @@ declare const _default: {
     请选择: {
         'zh-CN': string;
         en: string;
+        ar: string;
         _appCode: string;
     };
 };

package/packages/components/cascader/index.js

@@ -1,23 +1,23 @@
 import '@das-fed/ui/packages/components/cascader/style.css';
-import { defineComponent as ae, useCssVars as re, ref as t, computed as v, useAttrs as le, watch as F, watchEffect as oe, createElementBlock as h, openBlock as f, normalizeStyle as R, normalizeClass as te, createVNode as _, createCommentVNode as D, unref as s, withCtx as b, withDirectives as W, mergeProps as se, isRef as ue, renderSlot as A, normalizeProps as ce, guardReactiveProps as de, createTextVNode as N, toDisplayString as E, Fragment as ie, createBlock as ne, createElementVNode as pe, nextTick as $ } from "vue";
+import { defineComponent as ae, useCssVars as re, ref as s, computed as f, useAttrs as oe, watch as I, watchEffect as le, createElementBlock as b, openBlock as m, normalizeStyle as A, normalizeClass as te, createVNode as M, createCommentVNode as S, unref as d, withCtx as g, withDirectives as N, mergeProps as se, isRef as de, renderSlot as $, normalizeProps as ue, guardReactiveProps as ce, createTextVNode as Z, toDisplayString as E, Fragment as ie, createBlock as ne, createElementVNode as pe, nextTick as F } from "vue";
 import { withInstall as ve } from "@das-fed/utils/with-install/index";
 import { ElCascader as fe } from "element-plus";
 import "element-plus/es/components/cascader/style/css";
 import { vHoverInside as me } from "@das-fed/utils/directive/hoverInside/index";
-import { getVarValue as he, getVar as Z, setThemeRule as be } from "@das-fed/web/packages/theme/index";
-import { t as ye, setI18nRule as ge } from "@das-fed/web/packages/i18n/index";
-import { vScrollbar as xe } from "@das-fed/ui/packages/components/scrollbar/index";
+import { getVarValue as he, getVar as o, setGlobalThemeRule as be, setThemeRule as ge } from "@das-fed/web/packages/theme/index";
+import { t as ye, setI18nRule as xe } from "@das-fed/web/packages/i18n/index";
+import { vScrollbar as Ve } from "@das-fed/ui/packages/components/scrollbar/index";
 import { DasTooltip as O } from "@das-fed/ui/packages/components/tooltip/index";
-import { DasErrorOverlayModel as Ve } from "@das-fed/ui/packages/components/error-overlay-model/index";
-import { calcTextWidth as Te } from "@das-fed/utils/common-tools";
-import { useModelValue as we } from "@das-fed/utils/vue";
-const Ce = { style: { maxheight: "200px" } }, ke = {
+import { DasErrorOverlayModel as Te } from "@das-fed/ui/packages/components/error-overlay-model/index";
+import { calcTextWidth as we } from "@das-fed/utils/common-tools";
+import { useModelValue as Ce } from "@das-fed/utils/vue";
+const ke = { style: { maxheight: "200px" } }, ze = {
   key: 0,
   class: "das-cascader-error-label-content"
-}, ze = {
+}, _e = {
   name: "DasCascader"
 }, Be = /* @__PURE__ */ ae({
-  ...ze,
+  ..._e,
   props: {
     modelValue: { default: void 0 },
     props: {},
@@ -38,93 +38,93 @@ const Ce = { style: { maxheight: "200px" } }, ke = {
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["update:model-value", "change"],
-  setup(y, { expose: C, emit: g }) {
+  setup(y, { expose: k, emit: x }) {
     re((e) => ({
-      "7ebd2f0c": K.value,
-      "39bcacf3": Q.value,
-      "37a6a536": z.value
+      dadc9cce: K.value,
+      b454f098: Q.value,
+      "29cef6d6": _.value
     }));
-    const a = y, l = we(a, "modelValue"), I = g, q = le(), c = t(null), x = t(null), M = t(null), V = t(), k = t(!1), T = v(() => a.isView ? a.noSetDefaultVal ? " " : "-" : a.placeholder ?? " "), d = t(0), i = t(0), u = t(!1), H = v(() => (Array.isArray(l.value) ? l.value.length : l.value) ? V.value : T.value), w = v(() => {
+    const a = y, l = Ce(a, "modelValue"), L = x, q = oe(), c = s(null), V = s(null), P = s(null), T = s(), z = s(!1), w = f(() => a.isView ? a.noSetDefaultVal ? " " : "-" : a.placeholder ?? " "), i = s(0), n = s(0), u = s(!1), H = f(() => (Array.isArray(l.value) ? l.value.length : l.value) ? T.value : w.value), C = f(() => {
       var e;
-      return x.value ? (e = x.value) == null ? void 0 : e.querySelector(".el-input__inner") : null;
-    }), S = () => {
+      return V.value ? (e = V.value) == null ? void 0 : e.querySelector(".el-input__inner") : null;
+    }), R = () => {
       const e = a.size === "table" ? 12 : 14;
-      return Te(T.value, e);
-    }, L = () => {
-      $(() => {
+      return we(w.value, e);
+    }, D = () => {
+      F(() => {
         var e, r;
-        if (w.value) {
-          d.value = ((e = w.value) == null ? void 0 : e.offsetWidth) ?? 0;
-          const o = Array.isArray(l.value) ? l.value.length : l.value;
-          i.value = o ? (r = w.value) == null ? void 0 : r.scrollWidth : S(), (d.value === i.value || i.value - d.value < 1) && (u.value = !1);
+        if (C.value) {
+          i.value = ((e = C.value) == null ? void 0 : e.offsetWidth) ?? 0;
+          const t = Array.isArray(l.value) ? l.value.length : l.value;
+          n.value = t ? (r = C.value) == null ? void 0 : r.scrollWidth : R(), (i.value === n.value || n.value - i.value < 1) && (u.value = !1);
         }
       });
     };
-    F(
-      () => w.value,
+    I(
+      () => C.value,
       (e) => {
         setTimeout(() => {
           const r = e;
           if (r) {
-            d.value = (r == null ? void 0 : r.offsetWidth) ?? 0;
-            const o = Array.isArray(l.value) ? l.value.length : l.value;
-            i.value = o ? r == null ? void 0 : r.scrollWidth : S();
+            i.value = (r == null ? void 0 : r.offsetWidth) ?? 0;
+            const t = Array.isArray(l.value) ? l.value.length : l.value;
+            n.value = t ? r == null ? void 0 : r.scrollWidth : R();
           }
         }, 200);
       }
-    ), F(() => [T.value, l.value], L);
-    const n = t();
-    F(
+    ), I(() => [w.value, l.value], D);
+    const p = s();
+    I(
       () => {
         var e;
-        return (e = M.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+        return (e = P.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
       },
       (e) => {
         e && (e.addEventListener("mouseenter", function() {
-          u.value = !0, n.value && clearTimeout(n.value);
+          u.value = !0, p.value && clearTimeout(p.value);
         }), e.addEventListener("mouseleave", function() {
-          n.value = setTimeout(() => {
+          p.value = setTimeout(() => {
             u.value = !1;
           }, 200);
         }));
       }
     );
-    const U = t({
+    const G = s({
       display: "block",
       color: he("--das-ui-cascader-overlay-error-color").value,
       "white-space": "break-spaces"
-    }), j = () => {
-      L(), d.value === i.value || i.value - d.value < 1 ? u.value = !1 : (u.value = !0, n.value && clearTimeout(n.value)), k.value = !0;
-    }, G = () => {
-      n.value = setTimeout(() => {
+    }), U = () => {
+      D(), i.value === n.value || n.value - i.value < 1 ? u.value = !1 : (u.value = !0, p.value && clearTimeout(p.value)), z.value = !0;
+    }, j = () => {
+      p.value = setTimeout(() => {
         u.value = !1;
-      }, 200), k.value = !1;
+      }, 200), z.value = !1;
     }, J = (e, r) => {
-      e ? j() : G();
-    }, K = v(() => a.width ? a.width : "230px"), Q = v(() => a.height ? a.height : "auto"), P = v(() => ({
+      e ? U() : j();
+    }, K = f(() => a.width ? a.width : "230px"), Q = f(() => a.height ? a.height : "auto"), W = f(() => ({
       width: typeof a.width == "number" ? a.width + "px" : a.width
-    })), z = t("-10px");
-    oe(() => {
+    })), _ = s("-10px");
+    le(() => {
       l.value ? setTimeout(() => {
         X();
-      }, 1e3) : V.value = "";
+      }, 1e3) : T.value = "";
     });
     const X = () => {
       var r;
       let e = (r = c == null ? void 0 : c.value) == null ? void 0 : r.getCheckedNodes();
-      e && e[0] && e[0].text ? V.value = e[0].text : V.value = "";
+      e && e[0] && e[0].text ? T.value = e[0].text : T.value = "";
     }, Y = (e, r) => {
-      I("update:model-value", e), I("change", e);
+      L("update:model-value", e), L("change", e);
     }, ee = (e) => {
-      $(() => {
-        var o, p;
-        const r = (p = (o = c.value) == null ? void 0 : o.popperPaneRef) == null ? void 0 : p.attributes["data-popper-placement"].value;
-        r && r.indexOf("top") > -1 ? z.value = "10px" : z.value = "-10px";
+      F(() => {
+        var t, v;
+        const r = (v = (t = c.value) == null ? void 0 : t.popperPaneRef) == null ? void 0 : v.attributes["data-popper-placement"].value;
+        r && r.indexOf("top") > -1 ? _.value = "10px" : _.value = "-10px";
       });
     };
-    return C({
+    return k({
       $cascader: c
-    }), (e, r) => (f(), h(
+    }), (e, r) => (m(), b(
       "div",
       {
         class: te(["das-ui-cascader", [
@@ -133,67 +133,67 @@ const Ce = { style: { maxheight: "200px" } }, ke = {
           a.error ? "is-error" : "",
           a.size
         ]]),
-        style: R(P.value)
+        style: A(W.value)
       },
       [
-        _(s(O), {
+        M(d(O), {
           ref_key: "inputTooltipRef",
-          ref: M,
+          ref: P,
           placement: "top",
           trigger: "hover",
           visible: u.value,
           disabled: !e.isTooltip,
           content: H.value
         }, {
-          default: b(() => {
-            var o;
+          default: g(() => {
+            var t;
             return [
-              W((f(), h("div", {
+              N((m(), b("div", {
                 ref_key: "$cascaderBox",
-                ref: x
+                ref: V
               }, [
-                _(s(fe), se({
+                M(d(fe), se({
                   ref_key: "$cascader",
                   ref: c,
-                  modelValue: s(l),
-                  "onUpdate:modelValue": r[0] || (r[0] = (p) => ue(l) ? l.value = p : null)
-                }, s(q), {
+                  modelValue: d(l),
+                  "onUpdate:modelValue": r[0] || (r[0] = (v) => de(l) ? l.value = v : null)
+                }, d(q), {
                   props: a.props,
                   size: a.size === "table" || a.size === "medium" ? "default" : a.size,
                   disabled: a.disabled || a.isView,
-                  placeholder: T.value,
+                  placeholder: w.value,
                   collapseTags: a.collapseTags,
                   separator: a.separator,
-                  "popper-class": (o = a.props) != null && o.multiple ? "das-ui-cascader-popper-box das-popper-multiple" : "das-ui-cascader-popper-box das-popper-simple",
-                  style: P.value,
+                  "popper-class": (t = a.props) != null && t.multiple ? "das-ui-cascader-popper-box das-popper-multiple" : "das-ui-cascader-popper-box das-popper-simple",
+                  style: W.value,
                   onVisibleChange: ee,
                   onChange: Y
                 }), {
-                  default: b(({ node: p, data: B }) => [
-                    A(e.$slots, "default", ce(de({ node: p, data: B })), () => [
-                      _(
-                        s(O),
+                  default: g(({ node: v, data: B }) => [
+                    $(e.$slots, "default", ue(ce({ node: v, data: B })), () => [
+                      M(
+                        d(O),
                         { placement: "top" },
                         {
-                          content: b(() => {
-                            var m;
+                          content: g(() => {
+                            var h;
                             return [
-                              W((f(), h("div", Ce, [
-                                N(
-                                  E(B[((m = a.props) == null ? void 0 : m.label) || "label"]),
+                              N((m(), b("div", ke, [
+                                Z(
+                                  E(B[((h = a.props) == null ? void 0 : h.label) || "label"]),
                                   1
                                   /* TEXT */
                                 )
                               ])), [
-                                [s(xe)]
+                                [d(Ve)]
                               ])
                             ];
                           }),
-                          default: b(() => {
-                            var m;
+                          default: g(() => {
+                            var h;
                             return [
-                              N(
-                                " " + E(B[((m = a.props) == null ? void 0 : m.label) || "label"]),
+                              Z(
+                                " " + E(B[((h = a.props) == null ? void 0 : h.label) || "label"]),
                                 1
                                 /* TEXT */
                               )
@@ -207,71 +207,77 @@ const Ce = { style: { maxheight: "200px" } }, ke = {
                       )
                     ], !0)
                   ]),
-                  empty: b(() => [
-                    A(e.$slots, "empty", {}, void 0, !0)
+                  empty: g(() => [
+                    $(e.$slots, "empty", {}, void 0, !0)
                   ]),
                   _: 3
                   /* FORWARDED */
                 }, 16, ["modelValue", "props", "size", "disabled", "placeholder", "collapseTags", "separator", "popper-class", "style"])
               ])), [
-                [s(me), J]
+                [d(me), J]
               ])
             ];
           }),
           _: 3
           /* FORWARDED */
         }, 8, ["visible", "disabled", "content"]),
-        e.error && e.errorLabel ? (f(), h(
+        e.error && e.errorLabel ? (m(), b(
           ie,
           { key: 0 },
           [
-            e.errorMode === "default" ? (f(), h("div", ke, [
+            e.errorMode === "default" ? (m(), b("div", ze, [
               pe(
                 "span",
                 {
-                  style: R(U.value)
+                  style: A(G.value)
                 },
                 E(e.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : D("v-if", !0),
-            e.errorMode === "overlay" && k.value ? (f(), ne(s(Ve), {
+            ])) : S("v-if", !0),
+            e.errorMode === "overlay" && z.value ? (m(), ne(d(Te), {
               key: 1,
               errorLabel: e.errorLabel,
               getEl: () => {
-                var o;
-                return (o = x.value) == null ? void 0 : o.querySelector(".el-cascader");
+                var t;
+                return (t = V.value) == null ? void 0 : t.querySelector(".el-cascader");
               },
               errorModelZIndex: e.errorModelZIndex
-            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : D("v-if", !0)
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : S("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : D("v-if", !0)
+        )) : S("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), Fe = (y, C) => {
-  const g = y.__vccOpts || y;
-  for (const [a, l] of C)
-    g[a] = l;
-  return g;
-}, _e = /* @__PURE__ */ Fe(Be, [["__scopeId", "data-v-0157385c"]]), De = { 请选择: { "zh-CN": "请选择", en: "Please select", _appCode: "framework" } }, Ee = {
-  "--das-ui-cascader-color-primary": "#5582F3",
+}), Ie = (y, k) => {
+  const x = y.__vccOpts || y;
+  for (const [a, l] of k)
+    x[a] = l;
+  return x;
+}, Me = /* @__PURE__ */ Ie(Be, [["__scopeId", "data-v-0e38fc44"]]), Se = { 请选择: { "zh-CN": "请选择", en: "Please select", ar: "الرجاء التحديد", _appCode: "framework" } }, Ee = {
+  "--das-ui-cascader-color-primary": o("--das-color-brand-primary"),
   // 主题色
-  "--das-ui-cascader-color-text": Z("--das-ui-color-normal"),
+  "--das-ui-cascader-color-text": o("--das-color-text-title"),
   // 常规字体色
-  "--das-ui-cascader-color-border": "#d9d9d9",
+  "--das-ui-cascader-color-desc": o("--das-color-text-body"),
+  // 辅助字体色
+  "--das-ui-cascader-color-border": o("--das-color-border-strong"),
   // 边框基础色
-  "--das-ui-cascader-color-underline": Z("--das-ui-color-help"),
+  "--das-ui-cascader-color-underline": o("--das-color-text-subtle"),
   // 下划线基础色
-  "--das-ui-cascader-color-error": "#FB2323",
+  "--das-ui-cascader-color-error": o("--das-color-danger"),
   // 错误边框色
-  "--das-ui-cascader-color-disabled": "#e5e5e5",
+  "--das-ui-cascader-color-disabled": o("--das-color-border-base"),
   // 禁用边框色
+  "--das-ui-cascader-color-disabled-bg": o("--das-color-bg-disabled"),
+  // 禁用背景色
+  "--das-ui-cascader-color-bg": o("--das-color-bg-container"),
+  // 容器背景色
   "--das-ui-cascader-font-size-small": "14px",
   // 字体大小-small
   "--das-ui-cascader-font-size-middle": "14px",
@@ -282,20 +288,29 @@ const Ce = { style: { maxheight: "200px" } }, ke = {
   // 选项最小宽度
   "--das-ui-cascader-menu-node-height": "32px",
   // 选项的高度
-  "--das-ui-cascader-menu-checkbox-border-color": "#D9D9D9",
+  "--das-ui-cascader-menu-radius": o("--das-radius-md"),
+  // 下拉面板圆角
+  "--das-ui-cascader-menu-checkbox-radius": o("--das-radius-xs"),
+  // 选项多选框圆角
+  "--das-ui-cascader-input-radius": o("--das-radius-sm"),
+  // 输入框圆角
+  "--das-ui-cascader-underline-radius": o("--das-radius-none"),
+  // 下划线输入框圆角
+  "--das-ui-cascader-menu-checkbox-border-color": o("--das-color-border-strong"),
   // 选项多选框边框色
-  "--das-ui-cascader-menu-color-active-bg": "#F2F6FF",
+  "--das-ui-cascader-menu-color-active-bg": o("--das-color-brand-primary-light"),
   // 选项active背景色
-  "--das-ui-cascader-menu-color-hover-bg": "#F5F5F5",
+  "--das-ui-cascader-menu-color-hover-bg": o("--das-color-bg-disabled"),
   // 选项hover背景色
-  "--das-ui-cascader-overlay-error-color": "#FB2323",
-  "--das-ui-cascader-overlay-error-bg-color": "#FFDBE0"
+  "--das-ui-cascader-overlay-error-color": o("--das-color-danger"),
+  "--das-ui-cascader-overlay-error-bg-color": o("--das-color-danger-light")
 };
-ge(De);
-be(Ee);
-const qe = ve(_e), He = () => t(null), Ue = { name: "cascader 级联" };
+xe(Se);
+be();
+ge(Ee);
+const He = ve(Me), Ge = () => s(null), Ue = { name: "cascader 级联" };
 export {
-  qe as DasCascader,
-  He as DasCascaderRef,
+  He as DasCascader,
+  Ge as DasCascaderRef,
   Ue as default
 };

package/packages/components/cascader/style.css

@@ -1 +1 @@
-.das-ui-cascader[data-v-0157385c]{display:inline-block;position:relative}.das-ui-cascader .das-cascader-error-label-content[data-v-0157385c]{width:var(--7ebd2f0c);font-size:12px}.das-ui-cascader .das-cascader-error-label-content .label[data-v-0157385c]{display:block;color:var(--das-ui-cascader-overlay-error-color);white-space:break-spaces}.das-ui-cascader .das-cascader-overlay-error-label-content[data-v-0157385c]{position:absolute;top:100%;left:0;width:var(--7ebd2f0c)}.das-ui-cascader[data-v-0157385c] .el-cascader .el-input{height:var(--39bcacf3)}.das-ui-cascader[data-v-0157385c] .el-cascader>.el-input input{height:28px;font-size:var(--das-ui-cascader-font-size-middle)}.das-ui-cascader[data-v-0157385c] .el-cascader.el-cascader--small>.el-input input{height:auto;font-size:var(--das-ui-cascader-font-size-small)}.das-ui-cascader[data-v-0157385c] .el-cascader .el-input__inner{color:var(--das-ui-cascader-color-text)}.das-ui-cascader[data-v-0157385c] .el-cascader .el-input.is-disabled,.das-ui-cascader[data-v-0157385c] .el-cascader .el-input.is-disabled .el-input__inner{cursor:no-drop}.das-ui-cascader[data-v-0157385c] .el-cascader .icon-arrow-down{color:#666}.das-ui-cascader[data-v-0157385c] .el-cascader:hover .icon-arrow-down{color:var(--das-ui-cascader-color-primary)}.das-ui-cascader[data-v-0157385c] .el-cascader .icon-circle-close{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px}.das-ui-cascader[data-v-0157385c] .el-cascader .icon-circle-close:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-cascader[data-v-0157385c] .el-cascader .icon-circle-close svg{display:none}.das-ui-cascader.table[data-v-0157385c] .el-cascader>.el-input input{font-size:var(--das-ui-cascader-font-size-table)}.das-ui-cascader.readonly[data-v-0157385c] .el-cascader .el-input__wrapper{background-color:transparent}.das-ui-cascader.readonly[data-v-0157385c] .el-cascader .el-input__wrapper .el-input__inner{color:var(--das-ui-cascader-color-text);-webkit-text-fill-color:var(--das-ui-cascader-color-text)}.das-ui-cascader.readonly[data-v-0157385c] .el-cascader .el-input__wrapper .el-input__suffix{display:none}.das-ui-cascader.bordered[data-v-0157385c] .el-cascader>.el-input .el-input__wrapper{box-shadow:0 0 0 1px var(--das-ui-cascader-color-border) inset}.das-ui-cascader.bordered[data-v-0157385c] .el-cascader>.el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-cascader-color-primary) inset}.das-ui-cascader.bordered.is-error[data-v-0157385c] .el-cascader>.el-input .el-input__wrapper{box-shadow:0 0 0 1px var(--das-ui-cascader-color-error) inset}.das-ui-cascader.bordered.is-error[data-v-0157385c] .el-cascader>.el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-cascader-color-error) inset}.das-ui-cascader.bordered.readonly[data-v-0157385c] .el-cascader .el-input .el-input__wrapper,.das-ui-cascader.bordered.readonly[data-v-0157385c] .el-cascader .el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-cascader-color-disabled) inset}.das-ui-cascader.underline[data-v-0157385c] .el-cascader>.el-input .el-input__wrapper{padding:1px 0;border-radius:0;box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-underline) inset}.das-ui-cascader.underline[data-v-0157385c] .el-cascader>.el-input .el-input__wrapper:hover{box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-primary) inset}.das-ui-cascader.underline[data-v-0157385c] .el-cascader>.el-input.is-disabled .el-input__wrapper{background-color:transparent;box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-disabled) inset}.das-ui-cascader.underline[data-v-0157385c] .el-cascader>.el-input.is-disabled .el-input__wrapper:hover{box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-disabled) inset}.das-ui-cascader.underline.is-error[data-v-0157385c] .el-cascader>.el-input .el-input__wrapper{box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-error) inset}.das-ui-cascader.underline.is-error[data-v-0157385c] .el-cascader>.el-input .el-input__wrapper:hover{box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-error) inset}.das-ui-cascader.underline.readonly[data-v-0157385c] .el-cascader .el-input .el-input__wrapper,.das-ui-cascader.underline.readonly[data-v-0157385c] .el-cascader .el-input .el-input__wrapper:hover{box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-disabled) inset}.das-ui-cascader .das-cascader-label-content[data-v-0157385c]{font-size:12px}.das-ui-cascader .das-cascader-label-content .das-cascader-error-label[data-v-0157385c]{display:block;color:var(--das-ui-cascader-color-error)}.das-ui-cascader-popper-box.el-popper{transform:translateY(var(--37a6a536))}.das-ui-cascader-popper-box .el-popper__arrow{display:none}.das-ui-cascader-popper-box .el-cascader-menu{width:var(--das-ui-cascader-menu-min-width);color:var(--das-ui-cascader-color-text)}.das-ui-cascader-popper-box .el-cascader-node{padding-left:12px;padding-right:20px;height:var(--das-ui-cascader-menu-node-height);line-height:var(--das-ui-cascader-menu-node-height)}.das-ui-cascader-popper-box .el-cascader-node:not(.is-disabled):focus{background:var(--das-ui-cascader-menu-color-active-bg)}.das-ui-cascader-popper-box .el-cascader-node:not(.is-disabled):hover{background:var(--das-ui-cascader-menu-color-hover-bg)}.das-ui-cascader-popper-box .el-cascader-node__label{padding-left:0}.das-ui-cascader-popper-box .el-cascader-node>.el-checkbox,.das-ui-cascader-popper-box .el-cascader-node>.el-radio{margin-right:5px}.das-ui-cascader-popper-box .el-checkbox__inner{border-color:var(--das-ui-cascader-menu-checkbox-border-color)}.das-ui-cascader-popper-box .el-checkbox__input.is-checked .el-checkbox__inner{border-color:var(--das-ui-cascader-color-primary);background-color:var(--das-ui-cascader-color-primary)}.das-ui-cascader-popper-box .el-checkbox__input.is-indeterminate .el-checkbox__inner{border-color:var(--das-ui-cascader-menu-checkbox-border-color);background-color:#fff}.das-ui-cascader-popper-box .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:var(--das-ui-cascader-color-primary);top:0;height:12px}.das-ui-cascader-popper-box .el-cascader-node__prefix{display:none}.das-ui-cascader-popper-box.das-popper-simple .el-cascader-node.in-active-path,.das-ui-cascader-popper-box.das-popper-simple .el-cascader-node.is-active,.das-ui-cascader-popper-box.das-popper-simple .el-cascader-node.is-selectable.in-checked-path,.das-ui-cascader-popper-box.das-popper-multiple .el-cascader-node.in-active-path,.das-ui-cascader-popper-box.das-popper-multiple .el-cascader-node.is-selectable.in-checked-path{color:var(--das-ui-cascader-color-primary);background-color:#f2f6ff;font-weight:400}.das-ui-cascader-popper-box.das-popper-multiple .el-cascader-node.is-active{color:#212121;font-weight:400}
+.das-ui-cascader[data-v-0e38fc44]{display:inline-block;position:relative}.das-ui-cascader .das-cascader-error-label-content[data-v-0e38fc44]{width:var(--dadc9cce);font-size:12px}html[lang=ar] .das-ui-cascader .das-cascader-error-label-content[data-v-0e38fc44],:host-context(html[lang="ar"]) .das-ui-cascader .das-cascader-error-label-content[data-v-0e38fc44]{font-size:14px}.das-ui-cascader .das-cascader-error-label-content .label[data-v-0e38fc44]{display:block;color:var(--das-ui-cascader-overlay-error-color);white-space:break-spaces}.das-ui-cascader .das-cascader-overlay-error-label-content[data-v-0e38fc44]{position:absolute;top:100%;left:0;width:var(--dadc9cce)}.das-ui-cascader[data-v-0e38fc44] .el-cascader .el-input{height:var(--b454f098)}.das-ui-cascader[data-v-0e38fc44] .el-cascader>.el-input input{height:28px;font-size:var(--das-ui-cascader-font-size-middle)}.das-ui-cascader[data-v-0e38fc44] .el-cascader.el-cascader--small>.el-input input{height:auto;font-size:var(--das-ui-cascader-font-size-small)}.das-ui-cascader[data-v-0e38fc44] .el-cascader .el-input__inner{color:var(--das-ui-cascader-color-text)}.das-ui-cascader[data-v-0e38fc44] .el-cascader .el-input.is-disabled,.das-ui-cascader[data-v-0e38fc44] .el-cascader .el-input.is-disabled .el-input__inner{cursor:no-drop}.das-ui-cascader[data-v-0e38fc44] .el-cascader .icon-arrow-down{color:var(--das-ui-cascader-color-desc)}.das-ui-cascader[data-v-0e38fc44] .el-cascader:hover .icon-arrow-down{color:var(--das-ui-cascader-color-primary)}.das-ui-cascader[data-v-0e38fc44] .el-cascader .icon-circle-close{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23d9d9d9'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e");background-size:cover;width:16px;height:16px}.das-ui-cascader[data-v-0e38fc44] .el-cascader .icon-circle-close:hover{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1685934237687'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='2634'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M512%20128c212.064%200%20384%20171.936%20384%20384s-171.936%20384-384%20384S128%20724.064%20128%20512%20299.936%20128%20512%20128z%20m-140.384%20198.72a32%2032%200%200%200-42.24%202.656l-2.656%203.008a32%2032%200%200%200%202.656%2042.24L466.72%20512l-137.344%20137.376a32%2032%200%200%200%2045.248%2045.248L512%20557.28l137.376%20137.344%203.008%202.656a32%2032%200%200%200%2042.24-2.656l2.656-3.008a32%2032%200%200%200-2.656-42.24L557.28%20512l137.344-137.376a32%2032%200%200%200-45.248-45.248L512%20466.72l-137.376-137.344z'%20fill='%23999999'%20fill-opacity='1'%20p-id='2635'%3e%3c/path%3e%3c/svg%3e")}.das-ui-cascader[data-v-0e38fc44] .el-cascader .icon-circle-close svg{display:none}.das-ui-cascader.table[data-v-0e38fc44] .el-cascader>.el-input input{font-size:var(--das-ui-cascader-font-size-table)}.das-ui-cascader.readonly[data-v-0e38fc44] .el-cascader .el-input__wrapper{background-color:transparent}.das-ui-cascader.readonly[data-v-0e38fc44] .el-cascader .el-input__wrapper .el-input__inner{color:var(--das-ui-cascader-color-text);-webkit-text-fill-color:var(--das-ui-cascader-color-text)}.das-ui-cascader.readonly[data-v-0e38fc44] .el-cascader .el-input__wrapper .el-input__suffix{display:none}.das-ui-cascader.bordered[data-v-0e38fc44] .el-cascader>.el-input .el-input__wrapper{border-radius:var(--das-ui-cascader-input-radius);box-shadow:0 0 0 1px var(--das-ui-cascader-color-border) inset}.das-ui-cascader.bordered[data-v-0e38fc44] .el-cascader>.el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-cascader-color-primary) inset}.das-ui-cascader.bordered.is-error[data-v-0e38fc44] .el-cascader>.el-input .el-input__wrapper{box-shadow:0 0 0 1px var(--das-ui-cascader-color-error) inset}.das-ui-cascader.bordered.is-error[data-v-0e38fc44] .el-cascader>.el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-cascader-color-error) inset}.das-ui-cascader.bordered.readonly[data-v-0e38fc44] .el-cascader .el-input .el-input__wrapper,.das-ui-cascader.bordered.readonly[data-v-0e38fc44] .el-cascader .el-input .el-input__wrapper:hover{box-shadow:0 0 0 1px var(--das-ui-cascader-color-disabled) inset}.das-ui-cascader.underline[data-v-0e38fc44] .el-cascader>.el-input .el-input__wrapper{padding:1px 0;border-radius:var(--das-ui-cascader-underline-radius);box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-underline) inset}.das-ui-cascader.underline[data-v-0e38fc44] .el-cascader>.el-input .el-input__wrapper:hover{box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-primary) inset}.das-ui-cascader.underline[data-v-0e38fc44] .el-cascader>.el-input.is-disabled .el-input__wrapper{background-color:transparent;box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-disabled) inset}.das-ui-cascader.underline[data-v-0e38fc44] .el-cascader>.el-input.is-disabled .el-input__wrapper:hover{box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-disabled) inset}.das-ui-cascader.underline.is-error[data-v-0e38fc44] .el-cascader>.el-input .el-input__wrapper{box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-error) inset}.das-ui-cascader.underline.is-error[data-v-0e38fc44] .el-cascader>.el-input .el-input__wrapper:hover{box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-error) inset}.das-ui-cascader.underline.readonly[data-v-0e38fc44] .el-cascader .el-input .el-input__wrapper,.das-ui-cascader.underline.readonly[data-v-0e38fc44] .el-cascader .el-input .el-input__wrapper:hover{box-shadow:0 -1px 0 0 var(--das-ui-cascader-color-disabled) inset}.das-ui-cascader .das-cascader-label-content[data-v-0e38fc44]{font-size:12px}html[lang=ar] .das-ui-cascader .das-cascader-label-content[data-v-0e38fc44],:host-context(html[lang="ar"]) .das-ui-cascader .das-cascader-label-content[data-v-0e38fc44]{font-size:14px}.das-ui-cascader .das-cascader-label-content .das-cascader-error-label[data-v-0e38fc44]{display:block;color:var(--das-ui-cascader-color-error)}.das-ui-cascader-popper-box.el-popper{transform:translateY(var(--29cef6d6));border-radius:var(--das-ui-cascader-menu-radius)}.das-ui-cascader-popper-box .el-cascader-panel{border-radius:var(--das-ui-cascader-menu-radius);background-color:var(--das-ui-cascader-color-bg);overflow:hidden}.das-ui-cascader-popper-box .el-cascader-menu:first-child{border-radius:var(--das-ui-cascader-menu-radius) 0 0 var(--das-ui-cascader-menu-radius)}.das-ui-cascader-popper-box .el-cascader-menu:last-child{border-radius:0 var(--das-ui-cascader-menu-radius) var(--das-ui-cascader-menu-radius) 0}.das-ui-cascader-popper-box .el-cascader-menu:only-child{border-radius:var(--das-ui-cascader-menu-radius)}.das-ui-cascader-popper-box .el-popper__arrow{display:none}.das-ui-cascader-popper-box .el-cascader-menu{width:var(--das-ui-cascader-menu-min-width);color:var(--das-ui-cascader-color-text)}.das-ui-cascader-popper-box .el-cascader-node{padding-left:12px;padding-right:20px;height:var(--das-ui-cascader-menu-node-height);line-height:var(--das-ui-cascader-menu-node-height)}.das-ui-cascader-popper-box .el-cascader-node:not(.is-disabled):focus{background:var(--das-ui-cascader-menu-color-active-bg)}.das-ui-cascader-popper-box .el-cascader-node:not(.is-disabled):hover{background:var(--das-ui-cascader-menu-color-hover-bg)}.das-ui-cascader-popper-box .el-cascader-node__label{padding-left:0}.das-ui-cascader-popper-box .el-cascader-node>.el-checkbox,.das-ui-cascader-popper-box .el-cascader-node>.el-radio{margin-right:5px}.das-ui-cascader-popper-box .el-checkbox__inner{border-color:var(--das-ui-cascader-menu-checkbox-border-color);border-radius:var(--das-ui-cascader-menu-checkbox-radius)}.das-ui-cascader-popper-box .el-checkbox__input.is-checked .el-checkbox__inner{border-color:var(--das-ui-cascader-color-primary);background-color:var(--das-ui-cascader-color-primary)}.das-ui-cascader-popper-box .el-checkbox__input.is-indeterminate .el-checkbox__inner{border-color:var(--das-ui-cascader-menu-checkbox-border-color);background-color:var(--das-ui-cascader-color-bg)}.das-ui-cascader-popper-box .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{background-color:var(--das-ui-cascader-color-primary);top:0;height:12px}.das-ui-cascader-popper-box .el-cascader-node__prefix{display:none}.das-ui-cascader-popper-box.das-popper-simple .el-cascader-node.in-active-path,.das-ui-cascader-popper-box.das-popper-simple .el-cascader-node.is-active,.das-ui-cascader-popper-box.das-popper-simple .el-cascader-node.is-selectable.in-checked-path,.das-ui-cascader-popper-box.das-popper-multiple .el-cascader-node.in-active-path,.das-ui-cascader-popper-box.das-popper-multiple .el-cascader-node.is-selectable.in-checked-path{color:var(--das-ui-cascader-color-primary);background-color:var(--das-ui-cascader-menu-color-active-bg);font-weight:400}.das-ui-cascader-popper-box.das-popper-multiple .el-cascader-node.is-active{color:var(--das-ui-cascader-color-text);font-weight:400}

package/packages/components/cascader/theme/base.d.ts

@@ -1,15 +1,22 @@
 declare const _default: {
     '--das-ui-cascader-color-primary': string;
     '--das-ui-cascader-color-text': string;
+    '--das-ui-cascader-color-desc': string;
     '--das-ui-cascader-color-border': string;
     '--das-ui-cascader-color-underline': string;
     '--das-ui-cascader-color-error': string;
     '--das-ui-cascader-color-disabled': string;
+    '--das-ui-cascader-color-disabled-bg': string;
+    '--das-ui-cascader-color-bg': string;
     '--das-ui-cascader-font-size-small': string;
     '--das-ui-cascader-font-size-middle': string;
     '--das-ui-cascader-font-size-table': string;
     '--das-ui-cascader-menu-min-width': string;
     '--das-ui-cascader-menu-node-height': string;
+    '--das-ui-cascader-menu-radius': string;
+    '--das-ui-cascader-menu-checkbox-radius': string;
+    '--das-ui-cascader-input-radius': string;
+    '--das-ui-cascader-underline-radius': string;
     '--das-ui-cascader-menu-checkbox-border-color': string;
     '--das-ui-cascader-menu-color-active-bg': string;
     '--das-ui-cascader-menu-color-hover-bg': string;