@das-fed/ui 6.4.0-test.8.2 → 7.0.0

package/packages/components/cascader/index.js

@@ -1,21 +1,23 @@
 import '@das-fed/ui/packages/components/cascader/style.css';
-import { defineComponent as Y, useCssVars as ee, useAttrs as ae, ref as l, computed as i, watchEffect as re, openBlock as t, createElementBlock as s, normalizeClass as oe, normalizeStyle as p, createVNode as M, unref as d, withCtx as f, withDirectives as T, createTextVNode as _, toDisplayString as m, mergeProps as te, isRef as le, renderSlot as E, normalizeProps as se, guardReactiveProps as de, Fragment as L, createElementVNode as V, createBlock as ce, Teleport as ie, createCommentVNode as R, nextTick as ue } from "vue";
-import { withInstall as ne } from "@das-fed/utils/with-install/index";
-import { ElCascader as pe } from "element-plus";
+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 { 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 fe } from "@das-fed/utils/directive/hoverInside/index";
-import { getVarValue as w, getVar as N, setThemeRule as me } from "@das-fed/web/packages/theme/index";
-import { t as ve, setI18nRule as he } from "@das-fed/web/packages/i18n/index";
-import { vScrollbar as $ } from "@das-fed/ui/packages/components/scrollbar/index";
-import { DasTooltip as H } from "@das-fed/ui/packages/components/tooltip/index";
-import { useModelValue as be } from "@das-fed/utils/vue";
-const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px" } }, ge = {
+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 { 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 = {
   key: 0,
   class: "das-cascader-error-label-content"
-}, Ve = {
+}, ze = {
   name: "DasCascader"
-}, we = /* @__PURE__ */ Y({
-  ...Ve,
+}, Be = /* @__PURE__ */ ae({
+  ...ze,
   props: {
     modelValue: { default: void 0 },
     props: {},
@@ -23,7 +25,7 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
     width: { default: "230px" },
     height: {},
     bordered: { type: Boolean, default: !1 },
-    placeholder: { default: ve("请选择") },
+    placeholder: { default: ye("请选择") },
     collapseTags: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
     isView: { type: Boolean, default: !1 },
@@ -32,152 +34,166 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
     errorLabel: {},
     errorMode: { default: "default" },
     separator: { default: "/" },
-    teleported: { type: Boolean, default: !0 },
     errorModelZIndex: { default: 2e3 },
     noSetDefaultVal: { type: Boolean }
   },
   emits: ["update:model-value", "change"],
-  setup(b, { expose: k, emit: y }) {
-    ee((a) => ({
-      "9c0cf234": q.value,
-      "73685c07": G.value,
-      "3e5480a2": z.value
+  setup(y, { expose: C, emit: g }) {
+    re((e) => ({
+      "7ebd2f0c": K.value,
+      "39bcacf3": Q.value,
+      "37a6a536": z.value
     }));
-    const e = b, u = be(e, "modelValue"), D = y, O = ae(), n = l(null), x = l(), v = l(), B = l(!1), g = l({
-      x: 0,
-      y: 0
-    }), S = l(0), P = i(() => ({
-      "font-size": "12px",
-      "background-color": w("--das-ui-input-number-overlay-error-bg-color").value,
-      "box-shadow": "0px 4px 10px 0px rgba(0, 0, 0, 0.2)",
-      "border-radius": "1px",
-      padding: "4px 8px",
-      "box-sizing": "border-box",
-      "z-index": e.errorModelZIndex
-    })), W = i(() => ({
-      ...P.value,
-      width: S.value + "px",
-      position: "fixed",
-      visibility: "visible",
-      top: g.value.y + "px",
-      left: g.value.x + "px"
-    })), C = l({
+    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(() => {
+      var e;
+      return x.value ? (e = x.value) == null ? void 0 : e.querySelector(".el-input__inner") : null;
+    }), S = () => {
+      const e = a.size === "table" ? 12 : 14;
+      return Te(T.value, e);
+    }, L = () => {
+      $(() => {
+        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);
+        }
+      });
+    };
+    F(
+      () => w.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();
+          }
+        }, 200);
+      }
+    ), F(() => [T.value, l.value], L);
+    const n = t();
+    F(
+      () => {
+        var e;
+        return (e = M.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+      },
+      (e) => {
+        e && (e.addEventListener("mouseenter", function() {
+          u.value = !0, n.value && clearTimeout(n.value);
+        }), e.addEventListener("mouseleave", function() {
+          n.value = setTimeout(() => {
+            u.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const U = t({
       display: "block",
-      color: w("--das-ui-input-error-color").value,
+      color: he("--das-ui-cascader-overlay-error-color").value,
       "white-space": "break-spaces"
-      // 'word-break': 'break-all',
-    }), Z = () => {
-      var o;
-      const { top: a = 0, left: r = 0 } = ((o = x.value) == null ? void 0 : o.getBoundingClientRect()) ?? {}, c = x.value.clientHeight;
-      S.value = x.value.clientWidth, g.value.x = r, g.value.y = a + c;
-    }, A = () => {
-      Z(), B.value = !0;
-    }, U = () => {
-      B.value = !1;
-    }, j = (a, r) => {
-      a ? A() : U();
-    }, q = i(() => e.width ? e.width : "230px"), G = i(() => e.height ? e.height : "auto"), I = i(() => ({
-      width: typeof e.width == "number" ? e.width + "px" : e.width
-    })), z = l("-10px");
-    i(() => {
-      var a, r;
-      return !((a = e.props) != null && a.multiple) && !((r = e.props) != null && r.checkStrictly) ? w("--das-ui-cascader-color-primary").value : w("--das-ui-cascader-color-text").value;
-    }), re(() => {
-      u.value ? setTimeout(() => {
-        K();
-      }, 1e3) : v.value = "";
+    }), 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.value = !1;
+      }, 200), k.value = !1;
+    }, J = (e, r) => {
+      e ? j() : G();
+    }, K = v(() => a.width ? a.width : "230px"), Q = v(() => a.height ? a.height : "auto"), P = v(() => ({
+      width: typeof a.width == "number" ? a.width + "px" : a.width
+    })), z = t("-10px");
+    oe(() => {
+      l.value ? setTimeout(() => {
+        X();
+      }, 1e3) : V.value = "";
     });
-    const J = i(() => e.isView ? e.noSetDefaultVal ? " " : "-" : e.placeholder ?? " "), K = () => {
+    const X = () => {
       var r;
-      let a = (r = n == null ? void 0 : n.value) == null ? void 0 : r.getCheckedNodes();
-      a && a[0] && a[0].text ? v.value = a[0].text : v.value = "";
-    }, Q = (a, r) => {
-      D("update:model-value", a), D("change", a);
-    }, X = (a) => {
-      ue(() => {
-        var c, o;
-        const r = (o = (c = n.value) == null ? void 0 : c.popperPaneRef) == null ? void 0 : o.attributes["data-popper-placement"].value;
+      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 = "";
+    }, Y = (e, r) => {
+      I("update:model-value", e), I("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";
       });
     };
-    return k({
-      $cascader: n
-    }), (a, r) => (t(), s(
+    return C({
+      $cascader: c
+    }), (e, r) => (f(), h(
       "div",
       {
-        class: oe(["das-ui-cascader", [
-          a.bordered ? "bordered" : "underline",
-          e.isView ? "readonly" : "",
-          e.error ? "is-error" : "",
-          e.size
+        class: te(["das-ui-cascader", [
+          e.bordered ? "bordered" : "underline",
+          a.isView ? "readonly" : "",
+          a.error ? "is-error" : "",
+          a.size
         ]]),
-        style: p(I.value)
+        style: R(P.value)
       },
       [
-        M(d(H), {
+        _(s(O), {
+          ref_key: "inputTooltipRef",
+          ref: M,
           placement: "top",
-          disabled: !a.isTooltip || !v.value
+          trigger: "hover",
+          visible: u.value,
+          disabled: !e.isTooltip,
+          content: H.value
         }, {
-          content: f(() => [
-            T((t(), s("div", ye, [
-              _(
-                m(v.value),
-                1
-                /* TEXT */
-              )
-            ])), [
-              [d($)]
-            ])
-          ]),
-          default: f(() => {
-            var c;
+          default: b(() => {
+            var o;
             return [
-              T((t(), s("div", {
+              W((f(), h("div", {
                 ref_key: "$cascaderBox",
                 ref: x
               }, [
-                M(d(pe), te({
-                  modelValue: d(u),
-                  "onUpdate:modelValue": r[0] || (r[0] = (o) => le(u) ? u.value = o : null),
+                _(s(fe), se({
                   ref_key: "$cascader",
-                  ref: n
-                }, d(O), {
-                  props: e.props,
-                  size: e.size === "table" || e.size === "medium" ? "default" : e.size,
-                  disabled: e.disabled || e.isView,
-                  placeholder: J.value,
-                  collapseTags: e.collapseTags,
-                  separator: e.separator,
-                  "popper-class": (c = e.props) != null && c.multiple ? "das-ui-cascader-popper-box das-popper-multiple" : "das-ui-cascader-popper-box das-popper-simple",
-                  onVisibleChange: X,
-                  onChange: Q,
-                  style: I.value
+                  ref: c,
+                  modelValue: s(l),
+                  "onUpdate:modelValue": r[0] || (r[0] = (p) => ue(l) ? l.value = p : null)
+                }, s(q), {
+                  props: a.props,
+                  size: a.size === "table" || a.size === "medium" ? "default" : a.size,
+                  disabled: a.disabled || a.isView,
+                  placeholder: T.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,
+                  onVisibleChange: ee,
+                  onChange: Y
                 }), {
-                  default: f(({ node: o, data: F }) => [
-                    E(a.$slots, "default", se(de({ node: o, data: F })), () => [
-                      M(
-                        d(H),
+                  default: b(({ node: p, data: B }) => [
+                    A(e.$slots, "default", ce(de({ node: p, data: B })), () => [
+                      _(
+                        s(O),
                         { placement: "top" },
                         {
-                          content: f(() => {
-                            var h;
+                          content: b(() => {
+                            var m;
                             return [
-                              T((t(), s("div", xe, [
-                                _(
-                                  m(F[((h = e.props) == null ? void 0 : h.label) || "label"]),
+                              W((f(), h("div", Ce, [
+                                N(
+                                  E(B[((m = a.props) == null ? void 0 : m.label) || "label"]),
                                   1
                                   /* TEXT */
                                 )
                               ])), [
-                                [d($)]
+                                [s(xe)]
                               ])
                             ];
                           }),
-                          default: f(() => {
-                            var h;
+                          default: b(() => {
+                            var m;
                             return [
-                              _(
-                                " " + m(F[((h = e.props) == null ? void 0 : h.label) || "label"]),
+                              N(
+                                " " + E(B[((m = a.props) == null ? void 0 : m.label) || "label"]),
                                 1
                                 /* TEXT */
                               )
@@ -191,108 +207,66 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
                       )
                     ], !0)
                   ]),
-                  empty: f(() => [
-                    E(a.$slots, "empty", {}, void 0, !0)
+                  empty: b(() => [
+                    A(e.$slots, "empty", {}, void 0, !0)
                   ]),
                   _: 3
                   /* FORWARDED */
                 }, 16, ["modelValue", "props", "size", "disabled", "placeholder", "collapseTags", "separator", "popper-class", "style"])
               ])), [
-                [d(fe), j]
+                [s(me), J]
               ])
             ];
           }),
           _: 3
           /* FORWARDED */
-        }, 8, ["disabled"]),
-        a.error && a.errorLabel ? (t(), s(
-          L,
+        }, 8, ["visible", "disabled", "content"]),
+        e.error && e.errorLabel ? (f(), h(
+          ie,
           { key: 0 },
           [
-            a.errorMode === "default" ? (t(), s("div", ge, [
-              V(
+            e.errorMode === "default" ? (f(), h("div", ke, [
+              pe(
                 "span",
                 {
-                  style: p(C.value)
+                  style: R(U.value)
                 },
-                m(a.errorLabel),
+                E(e.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : a.errorMode === "overlay" && B.value ? (t(), s(
-              L,
-              { key: 1 },
-              [
-                a.teleported ? (t(), ce(ie, {
-                  key: 0,
-                  to: "body"
-                }, [
-                  V(
-                    "div",
-                    {
-                      style: p(W.value)
-                    },
-                    [
-                      V(
-                        "span",
-                        {
-                          style: p(C.value)
-                        },
-                        m(a.errorLabel),
-                        5
-                        /* TEXT, STYLE */
-                      )
-                    ],
-                    4
-                    /* STYLE */
-                  )
-                ])) : (t(), s(
-                  "div",
-                  {
-                    key: 1,
-                    style: p(P.value),
-                    class: "das-cascader-overlay-error-label-content"
-                  },
-                  [
-                    V(
-                      "span",
-                      {
-                        style: p(C.value)
-                      },
-                      m(a.errorLabel),
-                      5
-                      /* TEXT, STYLE */
-                    )
-                  ],
-                  4
-                  /* STYLE */
-                ))
-              ],
-              64
-              /* STABLE_FRAGMENT */
-            )) : R("v-if", !0)
+            ])) : D("v-if", !0),
+            e.errorMode === "overlay" && k.value ? (f(), ne(s(Ve), {
+              key: 1,
+              errorLabel: e.errorLabel,
+              getEl: () => {
+                var o;
+                return (o = x.value) == null ? void 0 : o.querySelector(".el-cascader");
+              },
+              errorModelZIndex: e.errorModelZIndex
+            }, null, 8, ["errorLabel", "getEl", "errorModelZIndex"])) : D("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : R("v-if", !0)
+        )) : D("v-if", !0)
       ],
       6
       /* CLASS, STYLE */
     ));
   }
-}), ke = (b, k) => {
-  const y = b.__vccOpts || b;
-  for (const [e, u] of k)
-    y[e] = u;
-  return y;
-}, Be = /* @__PURE__ */ ke(we, [["__scopeId", "data-v-2fd60ac6"]]), Ce = { 请选择: { "zh-CN": "请选择", en: "Please Select", _appCode: "framework" } }, ze = {
+}), 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",
   // 主题色
-  "--das-ui-cascader-color-text": N("--das-ui-color-normal"),
+  "--das-ui-cascader-color-text": Z("--das-ui-color-normal"),
   // 常规字体色
   "--das-ui-cascader-color-border": "#d9d9d9",
   // 边框基础色
-  "--das-ui-cascader-color-underline": N("--das-ui-color-help"),
+  "--das-ui-cascader-color-underline": Z("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-cascader-color-error": "#FB2323",
   // 错误边框色
@@ -317,11 +291,11 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
   "--das-ui-cascader-overlay-error-color": "#FB2323",
   "--das-ui-cascader-overlay-error-bg-color": "#FFDBE0"
 };
-he(Ce);
-me(ze);
-const Re = ne(Be), Ne = () => l(null), $e = { name: "cascader 级联" };
+ge(De);
+be(Ee);
+const qe = ve(_e), He = () => t(null), Ue = { name: "cascader 级联" };
 export {
-  Re as DasCascader,
-  Ne as DasCascaderRef,
-  $e as default
+  qe as DasCascader,
+  He as DasCascaderRef,
+  Ue as default
 };

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

@@ -1,7 +1,7 @@
 import 'element-plus/es/components/cascader/style/css';
 import type { Props } from './type';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Props, {
-    $cascader: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+declare const _default: __VLS_WithSlots<import("vue").DefineComponent<Props, {
+    $cascader: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (val: any) => any;
     "update:model-value": (val: any) => any;
@@ -11,7 +11,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
 }>, {
     disabled: boolean;
     modelValue: any;
-    teleported: boolean;
     width: number | string;
     placeholder: string;
     isView: boolean;
@@ -23,14 +22,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<Pr
     collapseTags: boolean;
     separator: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?(_: {
+    default?: ((props: {
         node: any;
         data: any;
-    }): any;
-    empty?(_: {}): any;
+    }) => any) | undefined;
+    empty?: ((props: {}) => any) | undefined;
 }>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -49,9 +49,6 @@ export interface Props {
   separator?: string
 
   
-  teleported?: boolean
-
-  
   errorModelZIndex?: number
 
   

package/packages/components/cascader/style.css

@@ -1 +1 @@
-.das-ui-cascader[data-v-2fd60ac6]{display:inline-block;position:relative}.das-ui-cascader .das-cascader-error-label-content[data-v-2fd60ac6]{width:var(--9c0cf234);font-size:12px}.das-ui-cascader .das-cascader-error-label-content .label[data-v-2fd60ac6]{display:block;color:var(--das-ui-input-error-color);white-space:break-spaces}.das-ui-cascader .das-cascader-overlay-error-label-content[data-v-2fd60ac6]{position:absolute;top:100%;left:0;width:var(--9c0cf234)}.das-ui-cascader[data-v-2fd60ac6] .el-cascader .el-input{height:var(--73685c07)}.das-ui-cascader[data-v-2fd60ac6] .el-cascader>.el-input input{height:28px;font-size:var(--das-ui-cascader-font-size-middle)}.das-ui-cascader[data-v-2fd60ac6] .el-cascader.el-cascader--small>.el-input input{height:auto;font-size:var(--das-ui-cascader-font-size-small)}.das-ui-cascader[data-v-2fd60ac6] .el-cascader .el-input__inner{color:var(--das-ui-cascader-color-text)}.das-ui-cascader[data-v-2fd60ac6] .el-cascader .el-input.is-disabled,.das-ui-cascader[data-v-2fd60ac6] .el-cascader .el-input.is-disabled .el-input__inner{cursor:no-drop}.das-ui-cascader[data-v-2fd60ac6] .el-cascader .icon-arrow-down{color:#666}.das-ui-cascader[data-v-2fd60ac6] .el-cascader:hover .icon-arrow-down{color:var(--das-ui-cascader-color-primary)}.das-ui-cascader[data-v-2fd60ac6] .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-2fd60ac6] .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-2fd60ac6] .el-cascader .icon-circle-close svg{display:none}.das-ui-cascader.table[data-v-2fd60ac6] .el-cascader>.el-input input{font-size:var(--das-ui-cascader-font-size-table)}.das-ui-cascader.readonly[data-v-2fd60ac6] .el-cascader .el-input__wrapper{background-color:transparent}.das-ui-cascader.readonly[data-v-2fd60ac6] .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-2fd60ac6] .el-cascader .el-input__wrapper .el-input__suffix{display:none}.das-ui-cascader.bordered[data-v-2fd60ac6] .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-2fd60ac6] .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-2fd60ac6] .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-2fd60ac6] .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-2fd60ac6] .el-cascader .el-input .el-input__wrapper,.das-ui-cascader.bordered.readonly[data-v-2fd60ac6] .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-2fd60ac6] .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-2fd60ac6] .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-2fd60ac6] .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-2fd60ac6] .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-2fd60ac6] .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-2fd60ac6] .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-2fd60ac6] .el-cascader .el-input .el-input__wrapper,.das-ui-cascader.underline.readonly[data-v-2fd60ac6] .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-2fd60ac6]{font-size:12px}.das-ui-cascader .das-cascader-label-content .das-cascader-error-label[data-v-2fd60ac6]{display:block;color:var(--das-ui-cascader-color-error)}.das-ui-cascader-popper-box.el-popper{transform:translateY(var(--3e5480a2))}.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-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}