@das-fed/ui 6.4.0-dev.86 → 6.4.0-dev.88

package/packages/business-components/user-org-dialog/style.css

@@ -1 +1 @@
-.select-list-container[data-v-5b1d2b02]{width:100%;height:100%;min-width:150px;overflow:hidden}.select-list-container .check-text[data-v-5b1d2b02]{font-size:12px;color:#212121;letter-spacing:0;line-height:18px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-org-container[data-v-89081b7e]{width:100%;height:100%;overflow:hidden}.select-org-container .split-left-content[data-v-89081b7e]{width:100%;height:100%}.select-org-container .split-right-box[data-v-89081b7e]{width:100%;height:100%;display:flex}.select-org-container .split-table[data-v-89081b7e]{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid #d9d9d9;min-width:500px}.select-org-container .split-table .split-table-content[data-v-89081b7e]{flex:1;width:100%;overflow:hidden}.select-org-container .split-table .split-table-top[data-v-89081b7e]{height:40px;padding-right:20px;display:flex;align-items:center;justify-content:flex-end}.select-org-container .split-table .split-table-top .das-ui-input.das-input-normal-size[data-v-89081b7e]{width:200px}.select-org-container .split-table .table-searc-box[data-v-89081b7e]{padding-right:14px;flex-shrink:0;height:40px;display:flex;align-items:center;justify-content:flex-end}.select-org-container .split-checkd[data-v-89081b7e]{width:200px;height:100%;min-width:150px;overflow:hidden}.select-org-container .split-checkd .check-text[data-v-89081b7e]{font-size:12px;color:#212121;letter-spacing:0;line-height:18px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-user-container[data-v-206cd2ef]{width:100%;height:100%;overflow:hidden}.select-user-container .split-left-content[data-v-206cd2ef]{width:100%;height:100%}.select-user-container .split-right-box[data-v-206cd2ef]{width:100%;height:100%;display:flex}.select-user-container .split-table[data-v-206cd2ef]{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid #d9d9d9;min-width:500px}.select-user-container .split-table .split-table-content[data-v-206cd2ef]{flex:1;width:100%;overflow:hidden}.select-user-container .split-table .split-table-top[data-v-206cd2ef]{height:40px;padding-right:20px;display:flex;align-items:center;justify-content:flex-end}.select-user-container .split-table .split-table-top .das-ui-input.das-input-normal-size[data-v-206cd2ef]{width:200px}.select-user-container .split-table .table-searc-box[data-v-206cd2ef]{padding-right:14px;flex-shrink:0;height:40px;display:flex;align-items:center;justify-content:flex-end}.select-user-container .split-checkd[data-v-206cd2ef]{width:200px;height:100%;min-width:150px;overflow:hidden}.select-user-container .split-checkd .check-text[data-v-206cd2ef]{font-size:12px;color:#212121;letter-spacing:0;line-height:18px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foot-btn-box .das-ui-button+.das-ui-button[data-v-139fae42]{margin-left:12px}.select-org-user-dialog-content[data-v-139fae42]{width:100%;height:100%}.select-org-user-dialog-content .ant-tabs-nav{margin-bottom:0!important}.select-org-user-dialog-content .ant-tabs-content .das-ui-table .table-container .el-table__inner-wrapper:before{display:none}
+.select-list-container[data-v-5b1d2b02]{width:100%;height:100%;min-width:150px;overflow:hidden}.select-list-container .check-text[data-v-5b1d2b02]{font-size:12px;color:#212121;letter-spacing:0;line-height:18px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-org-container[data-v-89081b7e]{width:100%;height:100%;overflow:hidden}.select-org-container .split-left-content[data-v-89081b7e]{width:100%;height:100%}.select-org-container .split-right-box[data-v-89081b7e]{width:100%;height:100%;display:flex}.select-org-container .split-table[data-v-89081b7e]{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid #d9d9d9;min-width:500px}.select-org-container .split-table .split-table-content[data-v-89081b7e]{flex:1;width:100%;overflow:hidden}.select-org-container .split-table .split-table-top[data-v-89081b7e]{height:40px;padding-right:20px;display:flex;align-items:center;justify-content:flex-end}.select-org-container .split-table .split-table-top .das-ui-input.das-input-normal-size[data-v-89081b7e]{width:200px}.select-org-container .split-table .table-searc-box[data-v-89081b7e]{padding-right:14px;flex-shrink:0;height:40px;display:flex;align-items:center;justify-content:flex-end}.select-org-container .split-checkd[data-v-89081b7e]{width:200px;height:100%;min-width:150px;overflow:hidden}.select-org-container .split-checkd .check-text[data-v-89081b7e]{font-size:12px;color:#212121;letter-spacing:0;line-height:18px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-user-container[data-v-91d4375e]{width:100%;height:100%;overflow:hidden}.select-user-container .split-left-content[data-v-91d4375e]{width:100%;height:100%}.select-user-container .split-right-box[data-v-91d4375e]{width:100%;height:100%;display:flex}.select-user-container .split-table[data-v-91d4375e]{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column;border-right:1px solid #d9d9d9;min-width:500px}.select-user-container .split-table .split-table-content[data-v-91d4375e]{flex:1;width:100%;overflow:hidden}.select-user-container .split-table .split-table-top[data-v-91d4375e]{height:40px;padding-right:20px;display:flex;align-items:center;justify-content:flex-end}.select-user-container .split-table .split-table-top .das-ui-input.das-input-normal-size[data-v-91d4375e]{width:200px}.select-user-container .split-table .table-searc-box[data-v-91d4375e]{padding-right:14px;flex-shrink:0;height:40px;display:flex;align-items:center;justify-content:flex-end}.select-user-container .split-checkd[data-v-91d4375e]{width:200px;height:100%;min-width:150px;overflow:hidden}.select-user-container .split-checkd .check-text[data-v-91d4375e]{font-size:12px;color:#212121;letter-spacing:0;line-height:18px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foot-btn-box .das-ui-button+.das-ui-button[data-v-139fae42]{margin-left:12px}.select-org-user-dialog-content[data-v-139fae42]{width:100%;height:100%}.select-org-user-dialog-content .ant-tabs-nav{margin-bottom:0!important}.select-org-user-dialog-content .ant-tabs-content .das-ui-table .table-container .el-table__inner-wrapper:before{display:none}

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

@@ -3,7 +3,7 @@ declare const DasCascader: import("@das-fed/utils").SFCWithInstall<{
         onChange?: ((val: any) => any) | undefined;
         "onUpdate:model-value"?: ((val: any) => any) | undefined;
     }>, {
-        $cascader: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        $cascader: import("vue").Ref<any, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         change: (val: any) => any;
         "update:model-value": (val: any) => any;
@@ -32,7 +32,7 @@ declare const DasCascader: import("@das-fed/utils").SFCWithInstall<{
         onChange?: ((val: any) => any) | undefined;
         "onUpdate:model-value"?: ((val: any) => any) | undefined;
     }>, {
-        $cascader: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        $cascader: import("vue").Ref<any, any>;
     }, {}, {}, {}, {
         disabled: boolean;
         modelValue: any;
@@ -55,7 +55,7 @@ declare const DasCascader: import("@das-fed/utils").SFCWithInstall<{
     onChange?: ((val: any) => any) | undefined;
     "onUpdate:model-value"?: ((val: any) => any) | undefined;
 }>, {
-    $cascader: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    $cascader: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (val: any) => any;
     "update:model-value": (val: any) => any;
@@ -126,7 +126,7 @@ declare const DasCascaderRef: () => import("vue").Ref<({
         onChange?: ((val: any) => any) | undefined;
         "onUpdate:model-value"?: ((val: any) => any) | undefined;
     }>, {
-        $cascader: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        $cascader: import("vue").Ref<any, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         change: (val: any) => any;
         "update:model-value": (val: any) => any;
@@ -182,7 +182,7 @@ declare const DasCascaderRef: () => import("vue").Ref<({
     onChange?: ((val: any) => any) | undefined;
     "onUpdate:model-value"?: ((val: any) => any) | undefined;
 }>, "$cascader" | ("disabled" | "modelValue" | "teleported" | "width" | "placeholder" | "isView" | "error" | "errorMode" | "errorModelZIndex" | "bordered" | "isTooltip" | "collapseTags" | "separator")> & import("vue").ShallowUnwrapRef<{
-    $cascader: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    $cascader: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?(_: {
@@ -234,7 +234,7 @@ declare const DasCascaderRef: () => import("vue").Ref<({
         onChange?: ((val: any) => any) | undefined;
         "onUpdate:model-value"?: ((val: any) => any) | undefined;
     }>, {
-        $cascader: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+        $cascader: import("vue").Ref<any, any>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         change: (val: any) => any;
         "update:model-value": (val: any) => any;
@@ -290,7 +290,7 @@ declare const DasCascaderRef: () => import("vue").Ref<({
     onChange?: ((val: any) => any) | undefined;
     "onUpdate:model-value"?: ((val: any) => any) | undefined;
 }>, "$cascader" | ("disabled" | "modelValue" | "teleported" | "width" | "placeholder" | "isView" | "error" | "errorMode" | "errorModelZIndex" | "bordered" | "isTooltip" | "collapseTags" | "separator")> & import("vue").ShallowUnwrapRef<{
-    $cascader: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    $cascader: import("vue").Ref<any, any>;
 }> & {} & import("vue").ComponentCustomProperties & {} & {
     $slots: {
         default?(_: {

package/packages/components/cascader/index.js

@@ -1,21 +1,22 @@
 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 de, useCssVars as ne, useAttrs as ce, ref as r, computed as u, watch as P, watchEffect as pe, openBlock as i, createElementBlock as n, normalizeClass as ve, normalizeStyle as y, createVNode as E, unref as c, withCtx as g, withDirectives as $, mergeProps as fe, isRef as me, renderSlot as H, normalizeProps as he, guardReactiveProps as ye, createTextVNode as O, toDisplayString as x, Fragment as Z, createElementVNode as B, createBlock as be, Teleport as ge, createCommentVNode as q, nextTick as U } from "vue";
+import { withInstall as xe } from "@das-fed/utils/with-install/index";
+import { ElCascader as Ve } 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 Te } from "@das-fed/utils/directive/hoverInside/index";
+import { getVarValue as j, getVar as G, setThemeRule as we } from "@das-fed/web/packages/theme/index";
+import { t as ke, setI18nRule as ze } from "@das-fed/web/packages/i18n/index";
+import { vScrollbar as Ce } from "@das-fed/ui/packages/components/scrollbar/index";
+import { DasTooltip as J } from "@das-fed/ui/packages/components/tooltip/index";
+import { calcTextWidth as Be } from "@das-fed/utils/common-tools";
+import { useModelValue as Fe } from "@das-fed/utils/vue";
+const Me = { style: { maxheight: "200px" } }, Se = {
   key: 0,
   class: "das-cascader-error-label-content"
-}, Ve = {
+}, _e = {
   name: "DasCascader"
-}, we = /* @__PURE__ */ Y({
-  ...Ve,
+}, De = /* @__PURE__ */ de({
+  ..._e,
   props: {
     modelValue: { default: void 0 },
     props: {},
@@ -23,7 +24,7 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
     width: { default: "230px" },
     height: {},
     bordered: { type: Boolean, default: !1 },
-    placeholder: { default: ve("请选择") },
+    placeholder: { default: ke("请选择") },
     collapseTags: { type: Boolean, default: !0 },
     disabled: { type: Boolean, default: !1 },
     isView: { type: Boolean, default: !1 },
@@ -37,147 +38,184 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
     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(V, { expose: F, emit: T }) {
+    ne((e) => ({
+      "23b9eff0": re.value,
+      "39b5143d": te.value,
+      aa5709a8: _.value
     }));
-    const e = b, u = be(e, "modelValue"), D = y, O = ae(), n = l(null), x = l(), v = l(), B = l(!1), g = l({
+    const a = V, o = Fe(a, "modelValue"), I = T, K = ce(), p = r(null), v = r(null), L = r(null), w = r(), M = r(!1), k = u(() => a.isView ? a.noSetDefaultVal ? " " : "-" : a.placeholder ?? " "), f = r(0), m = r(0), d = r(!1), Q = u(() => (Array.isArray(o.value) ? o.value.length : o.value) ? w.value : k.value), z = u(() => {
+      var e;
+      return v.value ? (e = v.value) == null ? void 0 : e.querySelector(".el-input__inner") : null;
+    }), R = () => {
+      const e = a.size === "table" ? 12 : 14;
+      return Be(k.value, e);
+    }, X = () => {
+      U(() => {
+        var e, l;
+        if (z.value) {
+          f.value = ((e = z.value) == null ? void 0 : e.offsetWidth) ?? 0;
+          const t = Array.isArray(o.value) ? o.value.length : o.value;
+          m.value = t ? (l = z.value) == null ? void 0 : l.scrollWidth : R(), (f.value === m.value || m.value - f.value < 1) && (d.value = !1);
+        }
+      });
+    };
+    P(
+      () => z.value,
+      (e) => {
+        setTimeout(() => {
+          const l = e;
+          if (l) {
+            f.value = (l == null ? void 0 : l.offsetWidth) ?? 0;
+            const t = Array.isArray(o.value) ? o.value.length : o.value;
+            m.value = t ? l == null ? void 0 : l.scrollWidth : R();
+          }
+        }, 200);
+      }
+    ), P(() => [k.value, o.value], X);
+    const h = r();
+    P(
+      () => {
+        var e;
+        return (e = L.value) == null ? void 0 : e.$tooltipRef.popperRef.contentRef;
+      },
+      (e) => {
+        e && (e.addEventListener("mouseenter", function() {
+          d.value = !0, h.value && clearTimeout(h.value);
+        }), e.addEventListener("mouseleave", function() {
+          h.value = setTimeout(() => {
+            d.value = !1;
+          }, 200);
+        }));
+      }
+    );
+    const C = r({
       x: 0,
       y: 0
-    }), S = l(0), P = i(() => ({
+    }), W = r(0), A = u(() => ({
       "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",
+      "z-index": a.errorModelZIndex,
+      "background-color": j("--das-ui-color-overlay-error").value
+    })), Y = u(() => ({
+      ...A.value,
+      width: W.value + "px",
       position: "fixed",
       visibility: "visible",
-      top: g.value.y + "px",
-      left: g.value.x + "px"
-    })), C = l({
+      top: C.value.y + "px",
+      left: C.value.x + "px"
+    })), S = r({
       display: "block",
-      color: w("--das-ui-input-error-color").value,
+      color: j("--das-ui-input-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 = "";
+    }), ee = () => {
+      var s;
+      const { top: e = 0, left: l = 0 } = ((s = v.value) == null ? void 0 : s.getBoundingClientRect()) ?? {}, t = v.value.clientHeight;
+      W.value = v.value.clientWidth, C.value.x = l, C.value.y = e + t;
+    }, ae = () => {
+      f.value === m.value || m.value - f.value < 1 ? d.value = !1 : (d.value = !0, h.value && clearTimeout(h.value)), ee(), M.value = !0;
+    }, le = () => {
+      h.value = setTimeout(() => {
+        d.value = !1;
+      }, 200), M.value = !1;
+    }, oe = (e, l) => {
+      e ? ae() : le();
+    }, re = u(() => a.width ? a.width : "230px"), te = u(() => a.height ? a.height : "auto"), N = u(() => ({
+      width: typeof a.width == "number" ? a.width + "px" : a.width
+    })), _ = r("-10px");
+    pe(() => {
+      o.value ? setTimeout(() => {
+        se();
+      }, 1e3) : w.value = "";
     });
-    const J = i(() => e.isView ? e.noSetDefaultVal ? " " : "-" : e.placeholder ?? " "), K = () => {
-      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;
-        r && r.indexOf("top") > -1 ? z.value = "10px" : z.value = "-10px";
+    const se = () => {
+      var l;
+      let e = (l = p == null ? void 0 : p.value) == null ? void 0 : l.getCheckedNodes();
+      e && e[0] && e[0].text ? w.value = e[0].text : w.value = "";
+    }, ue = (e, l) => {
+      I("update:model-value", e), I("change", e);
+    }, ie = (e) => {
+      U(() => {
+        var t, s;
+        const l = (s = (t = p.value) == null ? void 0 : t.popperPaneRef) == null ? void 0 : s.attributes["data-popper-placement"].value;
+        l && l.indexOf("top") > -1 ? _.value = "10px" : _.value = "-10px";
       });
     };
-    return k({
-      $cascader: n
-    }), (a, r) => (t(), s(
+    return F({
+      $cascader: p
+    }), (e, l) => (i(), n(
       "div",
       {
-        class: oe(["das-ui-cascader", [
-          a.bordered ? "bordered" : "underline",
-          e.isView ? "readonly" : "",
-          e.error ? "is-error" : "",
-          e.size
+        class: ve(["das-ui-cascader", [
+          e.bordered ? "bordered" : "underline",
+          a.isView ? "readonly" : "",
+          a.error ? "is-error" : "",
+          a.size
         ]]),
-        style: p(I.value)
+        style: y(N.value)
       },
       [
-        M(d(H), {
+        E(c(J), {
+          ref_key: "inputTooltipRef",
+          ref: L,
           placement: "top",
-          disabled: !a.isTooltip || !v.value
+          trigger: "hover",
+          visible: d.value,
+          disabled: !e.isTooltip,
+          content: Q.value
         }, {
-          content: f(() => [
-            T((t(), s("div", ye, [
-              _(
-                m(v.value),
-                1
-                /* TEXT */
-              )
-            ])), [
-              [d($)]
-            ])
-          ]),
-          default: f(() => {
-            var c;
+          default: g(() => {
+            var t;
             return [
-              T((t(), s("div", {
+              $((i(), n("div", {
                 ref_key: "$cascaderBox",
-                ref: x
+                ref: v
               }, [
-                M(d(pe), te({
-                  modelValue: d(u),
-                  "onUpdate:modelValue": r[0] || (r[0] = (o) => le(u) ? u.value = o : null),
+                E(c(Ve), fe({
                   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: p,
+                  modelValue: c(o),
+                  "onUpdate:modelValue": l[0] || (l[0] = (s) => me(o) ? o.value = s : null)
+                }, c(K), {
+                  props: a.props,
+                  size: a.size === "table" || a.size === "medium" ? "default" : a.size,
+                  disabled: a.disabled || a.isView,
+                  placeholder: k.value,
+                  collapseTags: a.collapseTags,
+                  separator: a.separator,
+                  "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: N.value,
+                  onVisibleChange: ie,
+                  onChange: ue
                 }), {
-                  default: f(({ node: o, data: F }) => [
-                    E(a.$slots, "default", se(de({ node: o, data: F })), () => [
-                      M(
-                        d(H),
+                  default: g(({ node: s, data: D }) => [
+                    H(e.$slots, "default", he(ye({ node: s, data: D })), () => [
+                      E(
+                        c(J),
                         { placement: "top" },
                         {
-                          content: f(() => {
-                            var h;
+                          content: g(() => {
+                            var b;
                             return [
-                              T((t(), s("div", xe, [
-                                _(
-                                  m(F[((h = e.props) == null ? void 0 : h.label) || "label"]),
+                              $((i(), n("div", Me, [
+                                O(
+                                  x(D[((b = a.props) == null ? void 0 : b.label) || "label"]),
                                   1
                                   /* TEXT */
                                 )
                               ])), [
-                                [d($)]
+                                [c(Ce)]
                               ])
                             ];
                           }),
-                          default: f(() => {
-                            var h;
+                          default: g(() => {
+                            var b;
                             return [
-                              _(
-                                " " + m(F[((h = e.props) == null ? void 0 : h.label) || "label"]),
+                              O(
+                                " " + x(D[((b = a.props) == null ? void 0 : b.label) || "label"]),
                                 1
                                 /* TEXT */
                               )
@@ -191,54 +229,54 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
                       )
                     ], !0)
                   ]),
-                  empty: f(() => [
-                    E(a.$slots, "empty", {}, void 0, !0)
+                  empty: g(() => [
+                    H(e.$slots, "empty", {}, void 0, !0)
                   ]),
                   _: 3
                   /* FORWARDED */
                 }, 16, ["modelValue", "props", "size", "disabled", "placeholder", "collapseTags", "separator", "popper-class", "style"])
               ])), [
-                [d(fe), j]
+                [c(Te), oe]
               ])
             ];
           }),
           _: 3
           /* FORWARDED */
-        }, 8, ["disabled"]),
-        a.error && a.errorLabel ? (t(), s(
-          L,
+        }, 8, ["visible", "disabled", "content"]),
+        e.error && e.errorLabel ? (i(), n(
+          Z,
           { key: 0 },
           [
-            a.errorMode === "default" ? (t(), s("div", ge, [
-              V(
+            e.errorMode === "default" ? (i(), n("div", Se, [
+              B(
                 "span",
                 {
-                  style: p(C.value)
+                  style: y(S.value)
                 },
-                m(a.errorLabel),
+                x(e.errorLabel),
                 5
                 /* TEXT, STYLE */
               )
-            ])) : a.errorMode === "overlay" && B.value ? (t(), s(
-              L,
+            ])) : e.errorMode === "overlay" && M.value ? (i(), n(
+              Z,
               { key: 1 },
               [
-                a.teleported ? (t(), ce(ie, {
+                e.teleported ? (i(), be(ge, {
                   key: 0,
                   to: "body"
                 }, [
-                  V(
+                  B(
                     "div",
                     {
-                      style: p(W.value)
+                      style: y(Y.value)
                     },
                     [
-                      V(
+                      B(
                         "span",
                         {
-                          style: p(C.value)
+                          style: y(S.value)
                         },
-                        m(a.errorLabel),
+                        x(e.errorLabel),
                         5
                         /* TEXT, STYLE */
                       )
@@ -246,20 +284,20 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
                     4
                     /* STYLE */
                   )
-                ])) : (t(), s(
+                ])) : (i(), n(
                   "div",
                   {
                     key: 1,
-                    style: p(P.value),
+                    style: y(A.value),
                     class: "das-cascader-overlay-error-label-content"
                   },
                   [
-                    V(
+                    B(
                       "span",
                       {
-                        style: p(C.value)
+                        style: y(S.value)
                       },
-                      m(a.errorLabel),
+                      x(e.errorLabel),
                       5
                       /* TEXT, STYLE */
                     )
@@ -270,29 +308,29 @@ const ye = { style: { maxheight: "200px" } }, xe = { style: { maxheight: "200px"
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : R("v-if", !0)
+            )) : q("v-if", !0)
           ],
           64
           /* STABLE_FRAGMENT */
-        )) : R("v-if", !0)
+        )) : q("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 = {
+}), Pe = (V, F) => {
+  const T = V.__vccOpts || V;
+  for (const [a, o] of F)
+    T[a] = o;
+  return T;
+}, Ee = /* @__PURE__ */ Pe(De, [["__scopeId", "data-v-9722f84d"]]), Ie = { 请选择: { "zh-CN": "请选择", en: "Please Select", _appCode: "framework" } }, Le = {
   "--das-ui-cascader-color-primary": "#5582F3",
   // 主题色
-  "--das-ui-cascader-color-text": N("--das-ui-color-normal"),
+  "--das-ui-cascader-color-text": G("--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": G("--das-ui-color-help"),
   // 下划线基础色
   "--das-ui-cascader-color-error": "#FB2323",
   // 错误边框色
@@ -317,11 +355,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 级联" };
+ze(Ie);
+we(Le);
+const Ge = xe(Ee), Je = () => r(null), Ke = { name: "cascader 级联" };
 export {
-  Re as DasCascader,
-  Ne as DasCascaderRef,
-  $e as default
+  Ge as DasCascader,
+  Je as DasCascaderRef,
+  Ke 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>;
+    $cascader: import("vue").Ref<any, any>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     change: (val: any) => any;
     "update:model-value": (val: any) => any;