@das-fed/upf-ui 6.4.0-dev.313 → 6.4.0-dev.315

package/packages/components/time-line/index.js

@@ -1,5 +1,5 @@
 import { withInstall as $ } from "@das-fed/upf-utils/with-install/index";
-import { defineComponent as v, provide as E, reactive as N, openBlock as d, createElementBlock as B, createVNode as w, unref as I, mergeProps as k, withCtx as u, renderSlot as o, ref as F, inject as S, onMounted as W, createBlock as L, createElementVNode as i, normalizeStyle as P } from "vue";
+import { defineComponent as v, provide as E, reactive as N, openBlock as d, createElementBlock as B, createVNode as w, unref as I, mergeProps as k, withCtx as u, renderSlot as a, ref as F, inject as S, onMounted as W, createBlock as L, createElementVNode as r, normalizeStyle as P } from "vue";
 import "ant-design-vue/es/timeline/style/css";
 import { Timeline as V, TimelineItem as j } from "ant-design-vue"
 import '@das-fed/upf-ui/packages/components/time-line/style.css';
@@ -11,25 +11,24 @@ const z = { class: "das-ui-time-line" }, M = /* @__PURE__ */ v({
     alignWidth: { default: "" },
     isThrough: { type: Boolean, default: !1 }
   },
-  setup(a) {
-    return E("DasForm", N({ props: a })), (s, n) => (d(), B("div", z, [
-      w(I(V), k(s.$attrs, {
-        class: ["timeline-layout", "timeline-layout-" + s.layoutType, { "top-through": s.isThrough }]
+  setup(t) {
+    return E("DasForm", N({ props: t })), (o, n) => (d(), B("div", z, [
+      w(I(V), k(o.$attrs, {
+        class: ["timeline-layout", "timeline-layout-" + t.layoutType, { "top-through": t.isThrough }]
       }), {
         default: u(() => [
-          o(s.$slots, "default", {}, void 0, !0)
+          a(o.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
-        /* FORWARDED */
       }, 16, ["class"])
     ]));
   }
-}), C = (a, e) => {
-  const s = a.__vccOpts || a;
+}), C = (t, e) => {
+  const o = t.__vccOpts || t;
   for (const [n, l] of e)
-    s[n] = l;
-  return s;
-}, O = /* @__PURE__ */ C(M, [["__scopeId", "data-v-c498830a"]]), q = { class: "das-timeline-dot-wrap" }, G = { class: "das-timeline-label-left" }, H = { class: "das-timeline-label-right" }, J = /* @__PURE__ */ v({
+    o[n] = l;
+  return o;
+}, O = /* @__PURE__ */ C(M, [["__scopeId", "data-v-c498830a"]]), q = { class: "das-timeline-dot-wrap" }, x = { class: "das-timeline-label-left" }, G = { class: "das-timeline-label-right" }, H = /* @__PURE__ */ v({
   __name: "TimelineItem",
   props: {
     dotSlot: { type: Boolean, default: !1 },
@@ -37,19 +36,19 @@ const z = { class: "das-ui-time-line" }, M = /* @__PURE__ */ v({
     layoutType: { default: "right" },
     alignWidth: { default: "" }
   },
-  setup(a) {
-    const e = F(null), n = S("DasForm").props, l = n.alignWidth, f = n.layoutType;
+  setup(t) {
+    const e = F(null), n = S("DasForm").props, l = n.alignWidth, c = n.layoutType;
     return W(() => {
-      var t, r, c, m, p, y, h, g, _;
+      var s, i, f, m, p, y, h, g, b;
       if (l !== "") {
-        (t = e == null ? void 0 : e.value) == null || t.$el;
-        const b = (c = (r = e == null ? void 0 : e.value) == null ? void 0 : r.$el) == null ? void 0 : c.getElementsByClassName("ant-timeline-item-tail")[0], T = (p = (m = e == null ? void 0 : e.value) == null ? void 0 : m.$el) == null ? void 0 : p.getElementsByClassName("ant-timeline-item-head")[0], D = (h = (y = e == null ? void 0 : e.value) == null ? void 0 : y.$el) == null ? void 0 : h.getElementsByClassName("das-timeline-label-left")[0], A = (_ = (g = e == null ? void 0 : e.value) == null ? void 0 : g.$el) == null ? void 0 : _.getElementsByClassName("das-timeline-label-right")[0];
-        f === "double-left" ? (b.setAttribute(
+        (s = e == null ? void 0 : e.value) == null || s.$el;
+        const T = (f = (i = e == null ? void 0 : e.value) == null ? void 0 : i.$el) == null ? void 0 : f.getElementsByClassName("ant-timeline-item-tail")[0], _ = (p = (m = e == null ? void 0 : e.value) == null ? void 0 : m.$el) == null ? void 0 : p.getElementsByClassName("ant-timeline-item-head")[0], D = (h = (y = e == null ? void 0 : e.value) == null ? void 0 : y.$el) == null ? void 0 : h.getElementsByClassName("das-timeline-label-left")[0], A = (b = (g = e == null ? void 0 : e.value) == null ? void 0 : g.$el) == null ? void 0 : b.getElementsByClassName("das-timeline-label-right")[0];
+        c === "double-left" ? (T.setAttribute(
           "style",
           `
           left:${l};
         `
-        ), T.setAttribute(
+        ), _.setAttribute(
           "style",
           `
           left:${l};
@@ -59,12 +58,12 @@ const z = { class: "das-ui-time-line" }, M = /* @__PURE__ */ v({
           `
           width:${l};
         `
-        )) : f === "double-right" && (b.setAttribute(
+        )) : c === "double-right" && (T.setAttribute(
           "style",
           `
           left:calc(100% - ${l});
         `
-        ), T.setAttribute(
+        ), _.setAttribute(
           "style",
           `
         left:calc(100% - ${l});
@@ -76,55 +75,36 @@ const z = { class: "das-ui-time-line" }, M = /* @__PURE__ */ v({
         `
         ));
       }
-    }), (t, r) => (d(), L(
-      I(j),
-      k({
-        ref_key: "$timelineitem",
-        ref: e
-      }, t.$attrs, { class: ["das-timeline-item"] }),
-      {
-        dot: u(() => [
-          i("span", q, [
-            t.dotSlot ? o(t.$slots, "dot", { key: 0 }, void 0, !0) : (d(), B(
-              "span",
-              {
-                key: 1,
-                class: "das-timeline-dot-custom",
-                style: P({ "background-color": t.color })
-              },
-              null,
-              4
-              /* STYLE */
-            ))
-          ])
+    }), (s, i) => (d(), L(I(j), k({
+      ref_key: "$timelineitem",
+      ref: e
+    }, s.$attrs, { class: ["das-timeline-item"] }), {
+      dot: u(() => [
+        r("span", q, [
+          t.dotSlot ? a(s.$slots, "dot", { key: 0 }, void 0, !0) : (d(), B("span", {
+            key: 1,
+            class: "das-timeline-dot-custom",
+            style: P({ "background-color": t.color })
+          }, null, 4))
+        ])
+      ]),
+      default: u(() => [
+        r("span", x, [
+          a(s.$slots, "left", {}, void 0, !0),
+          a(s.$slots, "default", {}, void 0, !0)
         ]),
-        default: u(() => [
-          i("span", G, [
-            o(t.$slots, "left", {}, void 0, !0),
-            o(t.$slots, "default", {}, void 0, !0)
-          ]),
-          r[0] || (r[0] = i(
-            "span",
-            { class: "das-timeline-label-seprate" },
-            null,
-            -1
-            /* CACHED */
-          )),
-          i("span", H, [
-            o(t.$slots, "right", {}, void 0, !0),
-            o(t.$slots, "default", {}, void 0, !0)
-          ])
-        ]),
-        _: 3
-        /* FORWARDED */
-      },
-      16
-      /* FULL_PROPS */
-    ));
+        i[0] || (i[0] = r("span", { class: "das-timeline-label-seprate" }, null, -1)),
+        r("span", G, [
+          a(s.$slots, "right", {}, void 0, !0),
+          a(s.$slots, "default", {}, void 0, !0)
+        ])
+      ]),
+      _: 3
+    }, 16));
   }
-}), K = /* @__PURE__ */ C(J, [["__scopeId", "data-v-ec0b5f5e"]]), Y = $(O), Z = $(K);
+}), J = /* @__PURE__ */ C(H, [["__scopeId", "data-v-ec0b5f5e"]]), X = $(O), Y = $(J);
 export {
-  Y as DasTimeLine,
-  Z as DasTimelineItem,
-  Y as default
+  X as DasTimeLine,
+  Y as DasTimelineItem,
+  X as default
 };

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

@@ -3,13 +3,13 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly selfPopperClass?: string | undefined;
-        readonly effect?: "dark" | "light" | undefined;
-        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
+        readonly effect?: ("dark" | "light") | undefined;
+        readonly placement?: ("top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end") | undefined;
         readonly customClass?: string | undefined;
         readonly content?: string | undefined;
         readonly disabled?: boolean | undefined;
         readonly text?: string | undefined;
-        readonly row?: number | string | undefined;
+        readonly row?: (number | string) | undefined;
         readonly textWidth?: string | undefined;
         readonly textHtml?: boolean | undefined;
         readonly isMaxheight?: boolean | undefined;
@@ -98,13 +98,13 @@ declare const DasTooltipRef: () => import("vue").Ref<({
     $data: {};
     $props: {
         readonly selfPopperClass?: string | undefined;
-        readonly effect?: "dark" | "light" | undefined;
-        readonly placement?: "top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end" | undefined;
+        readonly effect?: ("dark" | "light") | undefined;
+        readonly placement?: ("top" | "top-start" | "top-end" | "bottom" | "bottom-start" | "bottom-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end") | undefined;
         readonly customClass?: string | undefined;
         readonly content?: string | undefined;
         readonly disabled?: boolean | undefined;
         readonly text?: string | undefined;
-        readonly row?: number | string | undefined;
+        readonly row?: (number | string) | undefined;
         readonly textWidth?: string | undefined;
         readonly textHtml?: boolean | undefined;
         readonly isMaxheight?: boolean | undefined;

package/packages/components/tooltip/index.js

@@ -1,15 +1,18 @@
-import { defineComponent as L, useCssVars as _, useAttrs as z, computed as p, ref as v, onMounted as D, onBeforeMount as P, openBlock as s, createBlock as I, unref as b, mergeProps as O, withCtx as m, createVNode as W, createElementVNode as M, normalizeClass as $, renderSlot as R, createElementBlock as i, Fragment as h, createTextVNode as q, toDisplayString as B, createCommentVNode as g, normalizeStyle as F, nextTick as X } from "vue";
-import { setI18nRule as Y, t as A } from "@das-fed/upf-web/packages/i18n/index";
-import { withInstall as j } from "@das-fed/upf-utils/with-install/index";
-import { DasScrollbar as G } from "@das-fed/upf-ui/packages/components/scrollbar/index";
-import { ElTooltip as J } from "element-plus";
+import { defineComponent as S, useCssVars as E, useAttrs as N, computed as u, ref as h, onMounted as L, onBeforeMount as z, openBlock as s, createBlock as D, unref as k, mergeProps as P, withCtx as m, createVNode as I, createElementVNode as W, normalizeClass as T, renderSlot as b, createElementBlock as a, Fragment as q, createTextVNode as F, toDisplayString as M, createCommentVNode as O, normalizeStyle as X, nextTick as Y } from "vue";
+import { setI18nRule as A, t as j } from "@das-fed/upf-web/packages/i18n/index";
+import { withInstall as G } from "@das-fed/upf-utils/with-install/index";
+import { DasScrollbar as J } from "@das-fed/upf-ui/packages/components/scrollbar/index";
+import { ElTooltip as K } from "element-plus";
 import "element-plus/es/components/tooltip/style/css"
 import '@das-fed/upf-ui/packages/components/tooltip/style.css';
 ;
-const K = {
+const Q = {
   key: 0,
   class: "das-tooltip-virtual-placeholder"
-}, Q = ["innerHTML"], U = { key: 1 }, Z = /* @__PURE__ */ L({
+}, U = ["innerHTML"], Z = { key: 1 }, _ = {
+  key: 1,
+  class: "das-tooltip-virtual-placeholder"
+}, ee = /* @__PURE__ */ S({
   __name: "index",
   props: {
     selfPopperClass: { default: "" },
@@ -25,145 +28,91 @@ const K = {
     isMaxheight: { type: Boolean, default: !0 }
   },
   emits: ["show", "hide"],
-  setup(r, { expose: c, emit: a }) {
-    _((e) => ({
-      "65704ba4": E.value
+  setup(t, { expose: f, emit: r }) {
+    E((e) => ({
+      v65704ba4: R.value
     }));
-    const n = r, d = a, l = z(), V = p(() => {
-      const e = "virtual-triggering" in l || "virtualTriggering" in l || l["virtual-triggering"] !== void 0 || l.virtualTriggering !== void 0, t = "virtual-ref" in l || "virtualRef" in l || l["virtual-ref"] !== void 0 || l.virtualRef !== void 0;
-      return e || t;
-    }), w = v(), y = v(!1), E = p(() => Number(n.row)), H = p(() => n.disabled ?? (n.text ? !y.value : !1)), C = p(() => n.content || n.text), S = (e) => {
-      y.value = e.target.scrollHeight > e.target.clientHeight;
-    }, N = (e) => {
-      d("show", e), window.addEventListener("wheel", f);
-    }, k = (e) => {
-      d("hide", e), window.removeEventListener("wheel", f);
-    }, f = (e) => {
-      const t = document.querySelector('[id^="el-popper-container"]');
-      if (!t) return;
-      const o = t.querySelector(".das-ui-tooltip-popper");
+    const n = t, d = r, l = N(), $ = u(() => {
+      const e = "virtual-triggering" in l || "virtualTriggering" in l || l["virtual-triggering"] !== void 0 || l.virtualTriggering !== void 0, i = "virtual-ref" in l || "virtualRef" in l || l["virtual-ref"] !== void 0 || l.virtualRef !== void 0;
+      return e || i;
+    }), g = h(), v = h(!1), R = u(() => Number(n.row)), B = u(() => n.disabled ?? (n.text ? !v.value : !1)), x = u(() => n.content || n.text), V = (e) => {
+      v.value = e.target.scrollHeight > e.target.clientHeight;
+    }, H = (e) => {
+      d("show", e), window.addEventListener("wheel", p);
+    }, w = (e) => {
+      d("hide", e), window.removeEventListener("wheel", p);
+    }, p = (e) => {
+      const i = document.querySelector('[id^="el-popper-container"]');
+      if (!i) return;
+      const o = i.querySelector(".das-ui-tooltip-popper");
       if (!o) return;
-      const x = e.clientX, T = e.clientY, u = o == null ? void 0 : o.getBoundingClientRect();
-      o && x >= u.left && x <= u.right && T >= u.top && T <= u.bottom || (o.style.display = "none", o.style.opacity = "0", X(() => {
-        k();
+      const y = e.clientX, C = e.clientY, c = o == null ? void 0 : o.getBoundingClientRect();
+      o && y >= c.left && y <= c.right && C >= c.top && C <= c.bottom || (o.style.display = "none", o.style.opacity = "0", Y(() => {
+        w();
       }));
     };
-    return D(() => {
-    }), P(() => {
-      window.removeEventListener("wheel", f);
-    }), c({
-      $tooltipRef: w
-    }), (e, t) => (s(), I(b(J), O({
+    return L(() => {
+    }), z(() => {
+      window.removeEventListener("wheel", p);
+    }), f({
+      $tooltipRef: g
+    }), (e, i) => (s(), D(k(K), P({
       ref_key: "$tooltipRef",
-      ref: w,
+      ref: g,
       class: "das-ui-tooltip",
-      disabled: H.value,
-      effect: e.effect,
-      placement: e.placement,
-      "popper-class": `das-ui-tooltip-popper ${e.isMaxheight ? "max-height" : ""} ${e.selfPopperClass}`,
+      disabled: B.value,
+      effect: t.effect,
+      placement: t.placement,
+      "popper-class": `das-ui-tooltip-popper ${t.isMaxheight ? "max-height" : ""} ${t.selfPopperClass}`,
       "hide-after": 100,
       "show-after": 100
     }, e.$attrs, {
-      onShow: N,
-      onHide: k
+      onShow: H,
+      onHide: w
     }), {
       content: m(() => [
-        W(b(G), null, {
+        I(k(J), null, {
           default: m(() => [
-            M(
-              "div",
-              {
-                class: $({ "max-height": e.isMaxheight, "das-popper-content": !0 })
-              },
-              [
-                R(e.$slots, "content", {}, void 0, !0),
-                C.value && !e.$slots.content ? (s(), i(
-                  h,
-                  { key: 0 },
-                  [
-                    q(
-                      B(C.value),
-                      1
-                      /* TEXT */
-                    )
-                  ],
-                  64
-                  /* STABLE_FRAGMENT */
-                )) : g("v-if", !0)
-              ],
-              2
-              /* CLASS */
-            )
+            W("div", {
+              class: T({ "max-height": t.isMaxheight, "das-popper-content": !0 })
+            }, [
+              b(e.$slots, "content", {}, void 0, !0),
+              x.value && !e.$slots.content ? (s(), a(q, { key: 0 }, [
+                F(M(x.value), 1)
+              ], 64)) : O("", !0)
+            ], 2)
           ]),
           _: 3
-          /* FORWARDED */
         })
       ]),
       default: m(() => [
-        V.value ? (s(), i("span", K, " ")) : (s(), i(
-          h,
-          { key: 1 },
-          [
-            g(" 默认 slot 内容 "),
-            R(e.$slots, "default", {}, () => [
-              e.text ? (s(), i(
-                "div",
-                {
-                  key: 0,
-                  onMouseenter: t[0] || (t[0] = (o) => S(o)),
-                  class: $(`das-tooltip-text-wrap ${e.customClass}`),
-                  style: F({ width: n.textWidth })
-                },
-                [
-                  e.textHtml ? (s(), i("div", {
-                    key: 0,
-                    innerHTML: e.text
-                  }, null, 8, Q)) : (s(), i(
-                    "div",
-                    U,
-                    B(e.text),
-                    1
-                    /* TEXT */
-                  ))
-                ],
-                38
-                /* CLASS, STYLE, NEED_HYDRATION */
-              )) : (s(), i(
-                h,
-                { key: 1 },
-                [
-                  g(" 当没有 text 且没有 slot 内容时，提供一个占位元素避免 ElOnlyChild 错误 "),
-                  t[1] || (t[1] = M(
-                    "span",
-                    { class: "das-tooltip-virtual-placeholder" },
-                    " ",
-                    -1
-                    /* CACHED */
-                  ))
-                ],
-                2112
-                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              ))
-            ], !0)
-          ],
-          2112
-          /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-        ))
+        $.value ? (s(), a("span", Q, " ")) : b(e.$slots, "default", { key: 1 }, () => [
+          t.text ? (s(), a("div", {
+            key: 0,
+            onMouseenter: i[0] || (i[0] = (o) => V(o)),
+            class: T(`das-tooltip-text-wrap ${t.customClass}`),
+            style: X({ width: n.textWidth })
+          }, [
+            t.textHtml ? (s(), a("div", {
+              key: 0,
+              innerHTML: t.text
+            }, null, 8, U)) : (s(), a("div", Z, M(t.text), 1))
+          ], 38)) : (s(), a("span", _, " "))
+        ], !0)
       ]),
       _: 3
-      /* FORWARDED */
     }, 16, ["disabled", "effect", "placement", "popper-class"]));
   }
-}), ee = (r, c) => {
-  const a = r.__vccOpts || r;
-  for (const [n, d] of c)
-    a[n] = d;
-  return a;
-}, te = /* @__PURE__ */ ee(Z, [["__scopeId", "data-v-e1652f58"]]), oe = { 文字提示: { "zh-CN": "文字提示", en: "Text Prompt", "zh-MO": "文字提示", _appCode: "framework" } };
-Y(oe);
-const de = () => v(null), ue = j(te), pe = { name: `Tooltip ${A("文字提示")}` };
+}), te = (t, f) => {
+  const r = t.__vccOpts || t;
+  for (const [n, d] of f)
+    r[n] = d;
+  return r;
+}, oe = /* @__PURE__ */ te(ee, [["__scopeId", "data-v-e1652f58"]]), ne = { 文字提示: { "zh-CN": "文字提示", en: "Text Prompt", "zh-MO": "文字提示", _appCode: "framework" } };
+A(ne);
+const ce = () => h(null), ue = G(oe), fe = { name: `Tooltip ${j("文字提示")}` };
 export {
   ue as DasTooltip,
-  de as DasTooltipRef,
-  pe as default
+  ce as DasTooltipRef,
+  fe as default
 };

package/packages/components/tooltip/style.css

@@ -1 +1 @@
-.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px 0 var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16));border:1px solid var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));font-size:var(--das-ui-font-size-sm);padding:0;border-radius:var(--upf-border-radius, 4px)}.das-ui-tooltip-popper.el-popper .el-popper__arrow{width:10px;height:10px}.das-ui-tooltip-popper.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px!important}.das-ui-tooltip-popper.el-popper .das-popper-content{padding:7px 12px}.das-ui-tooltip-popper.el-popper .max-height{max-height:298px}.das-ui-tooltip-popper.el-popper.is-light{color:var(--upf-text-tooltip-text, var(--upf-text-primary, #212121));background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff))}.das-ui-tooltip-popper.el-popper.is-light:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-radius:inherit}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:10px;width:10px;background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-color:var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:2px 2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),0 -2px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),-2px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-tooltip-text-wrap[data-v-e1652f58]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--65704ba4);-webkit-line-clamp:var(--65704ba4)}.das-tooltip-virtual-placeholder[data-v-e1652f58]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
+.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px 0 var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16));border:1px solid var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));font-size:var(--das-ui-font-size-sm);padding:0;border-radius:var(--upf-border-radius, 4px)}.das-ui-tooltip-popper.el-popper .el-popper__arrow{width:10px;height:10px}.das-ui-tooltip-popper.el-popper[data-popper-placement^=top]>.el-popper__arrow{bottom:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-5px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=right]>.el-popper__arrow{left:-5px!important}.das-ui-tooltip-popper.el-popper .das-popper-content{padding:7px 12px}.das-ui-tooltip-popper.el-popper .max-height{max-height:298px}.das-ui-tooltip-popper.el-popper.is-light{color:var(--upf-text-tooltip-text, var(--upf-text-primary, #212121));background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff))}.das-ui-tooltip-popper.el-popper.is-light:after{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;content:"";background:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-radius:inherit}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:10px;width:10px;background-color:var(--upf-text-tooltip-bg, var(--upf-bg-elevated, #ffffff));border-color:var(--upf-text-tooltip-border, var(--upf-border-color, #d9d9d9));border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:2px 2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),0 -2px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16)),-2px 0 6px var(--upf-text-tooltip-shadow-color, rgba(38, 38, 38, .16))}.das-tooltip-text-wrap[data-v-e1652f58]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:var(--v65704ba4);-webkit-line-clamp:var(--v65704ba4)}.das-tooltip-virtual-placeholder[data-v-e1652f58]{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}