@das-fed/ui 6.4.0-test.6.1 → 6.4.0-test.7

package/packages/components/tooltip/index.js

@@ -1,5 +1,5 @@
 import '@das-fed/ui/packages/components/tooltip/style.css';
-import { defineComponent as _, useCssVars as D, ref as c, computed as u, onMounted as E, onBeforeMount as L, openBlock as s, createBlock as N, unref as y, mergeProps as P, withCtx as x, withDirectives as z, createElementBlock as n, normalizeClass as b, renderSlot as k, Fragment as I, createTextVNode as V, toDisplayString as $, createCommentVNode as M, normalizeStyle as W } from "vue";
+import { defineComponent as S, useCssVars as E, ref as u, computed as c, onMounted as L, onBeforeMount as _, openBlock as s, createBlock as D, unref as C, mergeProps as N, withCtx as x, withDirectives as P, createElementBlock as l, normalizeClass as b, renderSlot as k, Fragment as z, createTextVNode as I, toDisplayString as T, createCommentVNode as $, normalizeStyle as V, nextTick as W } from "vue";
 import { setThemeRule as q } from "@das-fed/web/packages/theme/index";
 import { setI18nRule as F, t as X } from "@das-fed/web/packages/i18n/index";
 import { withInstall as Y } from "@das-fed/utils/with-install/index";
@@ -7,7 +7,7 @@ import { vScrollbar as O } from "@das-fed/ui/packages/components/scrollbar/index
 import { ElTooltip as j } from "element-plus";
 import "element-plus/es/components/tooltip/style/css";
 import "@das-fed/ui/packages/global/theme";
-const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ _({
+const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ S({
   __name: "index",
   props: {
     selfPopperClass: { default: "" },
@@ -23,32 +23,33 @@ const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ _({
   },
   emits: ["show", "hide"],
   setup(i, { expose: d, emit: r }) {
-    D((e) => ({
-      e05842ce: T.value
+    E((e) => ({
+      "3fbd3ffc": M.value
     }));
-    const t = i, a = r, f = c(), m = c(!1), T = u(() => Number(t.row)), B = u(() => t.disabled ?? (t.text ? !m.value : !1)), h = u(() => t.content || t.text), H = (e) => {
-      m.value = e.target.scrollHeight > e.target.clientHeight;
+    const o = i, a = r, m = u(), h = u(!1), M = c(() => Number(o.row)), B = c(() => o.disabled ?? (o.text ? !h.value : !1)), v = c(() => o.content || o.text), H = (e) => {
+      h.value = e.target.scrollHeight > e.target.clientHeight;
     }, R = (e) => {
-      a("show", e);
-    }, S = (e) => {
-      a("hide", e), window.removeEventListener("wheel", v);
-    }, v = (e) => {
-      var C;
-      const l = document.querySelector('[id^="el-popper-container"]');
-      if (!l) return;
-      const o = l.querySelector(".das-ui-tooltip-popper");
-      if (!o) return;
-      const g = e.clientX, w = e.clientY, p = o == null ? void 0 : o.getBoundingClientRect();
-      o && g >= p.left && g <= p.right && w >= p.top && w <= p.bottom || (C = f.value) == null || C.hide();
+      a("show", e), window.addEventListener("wheel", f);
+    }, w = (e) => {
+      a("hide", e), window.removeEventListener("wheel", f);
+    }, f = (e) => {
+      const n = document.querySelector('[id^="el-popper-container"]');
+      if (!n) return;
+      const t = n.querySelector(".das-ui-tooltip-popper");
+      if (!t) return;
+      const g = e.clientX, y = e.clientY, p = t == null ? void 0 : t.getBoundingClientRect();
+      t && g >= p.left && g <= p.right && y >= p.top && y <= p.bottom || (t.style.display = "none", t.style.opacity = "0", W(() => {
+        w();
+      }));
     };
-    return E(() => {
-    }), L(() => {
-      window.removeEventListener("wheel", v);
+    return L(() => {
+    }), _(() => {
+      window.removeEventListener("wheel", f);
     }), d({
-      $tooltipRef: f
-    }), (e, l) => (s(), N(y(j), P({
+      $tooltipRef: m
+    }), (e, n) => (s(), D(C(j), N({
       ref_key: "$tooltipRef",
-      ref: f,
+      ref: m,
       class: "das-ui-tooltip",
       disabled: B.value,
       effect: e.effect,
@@ -56,61 +57,61 @@ const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ _({
       "hide-after": 100,
       "show-after": 100,
       onShow: R,
-      onHide: S
+      onHide: w
     }, e.$attrs), {
       content: x(() => [
-        z((s(), n(
+        P((s(), l(
           "div",
           {
             class: b({ "max-height": e.isMaxheight, "das-popper-content": !0 })
           },
           [
             k(e.$slots, "content", {}, void 0, !0),
-            h.value && !e.$slots.content ? (s(), n(
-              I,
+            v.value && !e.$slots.content ? (s(), l(
+              z,
               { key: 0 },
               [
-                V(
-                  $(h.value),
+                I(
+                  T(v.value),
                   1
                   /* TEXT */
                 )
               ],
               64
               /* STABLE_FRAGMENT */
-            )) : M("v-if", !0)
+            )) : $("v-if", !0)
           ],
           2
           /* CLASS */
         )), [
-          [y(O)]
+          [C(O)]
         ])
       ]),
       default: x(() => [
         k(e.$slots, "default", {}, () => [
-          e.text ? (s(), n(
+          e.text ? (s(), l(
             "div",
             {
               key: 0,
-              onMouseenter: l[0] || (l[0] = (o) => H(o)),
+              onMouseenter: n[0] || (n[0] = (t) => H(t)),
               class: b(`das-tooltip-text-wrap ${e.customClass}`),
-              style: W({ width: t.textWidth })
+              style: V({ width: o.textWidth })
             },
             [
-              e.textHtml ? (s(), n("div", {
+              e.textHtml ? (s(), l("div", {
                 key: 0,
                 innerHTML: e.text
-              }, null, 8, A)) : (s(), n(
+              }, null, 8, A)) : (s(), l(
                 "div",
                 G,
-                $(e.text),
+                T(e.text),
                 1
                 /* TEXT */
               ))
             ],
             38
             /* CLASS, STYLE, NEED_HYDRATION */
-          )) : M("v-if", !0)
+          )) : $("v-if", !0)
         ], !0)
       ]),
       _: 3
@@ -119,17 +120,17 @@ const A = ["innerHTML"], G = { key: 1 }, J = /* @__PURE__ */ _({
   }
 }), K = (i, d) => {
   const r = i.__vccOpts || i;
-  for (const [t, a] of d)
-    r[t] = a;
+  for (const [o, a] of d)
+    r[o] = a;
   return r;
-}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-a41028d9"]]), U = {
+}, Q = /* @__PURE__ */ K(J, [["__scopeId", "data-v-4470233c"]]), U = {
   "--das-ui-tooltip-font-normal": "#212121",
   "--das-ui-tooltip-font-light": "#fff",
   "--das-ui-tooltip-bgff-color": "#fff"
 }, Z = { 文字提示: { "zh-CN": "文字提示", en: "Text Prompt", _appCode: "framework" } };
 F(Z);
 q(U);
-const ae = () => c(null), pe = Y(Q), de = { name: `Tooltip ${X("文字提示")}` };
+const ae = () => u(null), pe = Y(Q), de = { name: `Tooltip ${X("文字提示")}` };
 export {
   pe as DasTooltip,
   ae as DasTooltipRef,

package/packages/components/tooltip/style.css

@@ -1 +1 @@
-.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px #0003;border:none;font-size:var(--das-ui-font-size-sm);padding:0;border-radius:unset}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-3px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-3px!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(--das-ui-color-normal);background-color:var(--das-ui-tooltip-bgff-color)}.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(--das-ui-tooltip-bgff-color);border-radius:2px}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:8px;width:8px;background-color:var(--das-ui-tooltip-bgff-color);border-color:var(--das-ui-tooltip-bgff-color);border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:3px 3px 5px #00000026}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px #0000001a}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px #0000001f,0 -2px 6px #cc95951f}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px #0000001a,-2px 0 6px #0000001a}.das-tooltip-text-wrap[data-v-a41028d9]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--e05842ce)}
+.das-ui-tooltip-popper.el-popper{max-width:360px;box-shadow:0 4px 10px #0003;border:none;font-size:var(--das-ui-font-size-sm);padding:0;border-radius:unset}.das-ui-tooltip-popper.el-popper[data-popper-placement^=bottom]>.el-popper__arrow{top:-3px!important}.das-ui-tooltip-popper.el-popper[data-popper-placement^=left]>.el-popper__arrow{right:-3px!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(--das-ui-color-normal);background-color:var(--das-ui-tooltip-bgff-color)}.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(--das-ui-tooltip-bgff-color);border-radius:2px}.das-ui-tooltip-popper.el-popper.is-light .el-popper__arrow:before{height:8px;width:8px;background-color:var(--das-ui-tooltip-bgff-color);border-color:var(--das-ui-tooltip-bgff-color);border-radius:0!important}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=top] .el-popper__arrow:before{box-shadow:3px 3px 5px #00000026}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=bottom] .el-popper__arrow:before{box-shadow:-2px -2px 5px #0000001a}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=left] .el-popper__arrow:before{box-shadow:3px 0 6px #0000001f,0 -2px 6px #cc95951f}.das-ui-tooltip-popper.el-popper.is-light[data-popper-placement^=right] .el-popper__arrow:before{box-shadow:0 3px 6px #0000001a,-2px 0 6px #0000001a}.das-tooltip-text-wrap[data-v-4470233c]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--3fbd3ffc)}