@das-fed/ui 7.0.7-hot.19 → 7.0.7-hot.20

package/packages/components/tooltip/index.js

@@ -1,13 +1,13 @@
 import '@das-fed/ui/packages/components/tooltip/style.css';
-import { defineComponent as S, useCssVars as E, computed as u, ref as m, onMounted as N, onBeforeMount as L, createBlock as V, openBlock as s, unref as C, mergeProps as D, withCtx as p, renderSlot as b, createElementBlock as c, createCommentVNode as k, normalizeStyle as P, normalizeClass as T, toDisplayString as $, createVNode as z, createElementVNode as I, Fragment as W, createTextVNode as q, nextTick as F } from "vue";
-import { setThemeRule as X } from "@das-fed/web/packages/theme/index";
-import { setI18nRule as Y, t as O } from "@das-fed/web/packages/i18n/index";
-import { withInstall as j } from "@das-fed/utils/with-install/index";
-import { DasScrollbar as A } from "@das-fed/ui/packages/components/scrollbar/index";
-import { ElTooltip as G } from "element-plus";
+import { defineComponent as S, useCssVars as E, computed as c, ref as m, onMounted as N, onBeforeMount as L, createBlock as V, openBlock as s, unref as x, mergeProps as _, withCtx as u, renderSlot as b, createElementBlock as p, createCommentVNode as k, normalizeStyle as D, normalizeClass as T, toDisplayString as $, createVNode as P, createElementVNode as z, Fragment as I, createTextVNode as W, nextTick as q } from "vue";
+import { setThemeRule as F } from "@das-fed/web/packages/theme/index";
+import { setI18nRule as X, t as Y } from "@das-fed/web/packages/i18n/index";
+import { withInstall as O } from "@das-fed/utils/with-install/index";
+import { DasScrollbar as j } from "@das-fed/ui/packages/components/scrollbar/index";
+import { ElTooltip as A } from "element-plus";
 import "element-plus/es/components/tooltip/style/css";
 import "@das-fed/ui/packages/global/theme";
-const J = ["innerHTML"], K = { key: 1 }, Q = /* @__PURE__ */ S({
+const G = ["innerHTML"], J = { key: 1 }, K = /* @__PURE__ */ S({
   __name: "index",
   props: {
     selfPopperClass: { default: "" },
@@ -23,24 +23,24 @@ const J = ["innerHTML"], K = { key: 1 }, Q = /* @__PURE__ */ S({
     isMaxheight: { type: Boolean, default: !0 }
   },
   emits: ["show", "hide"],
-  setup(t, { expose: d, emit: i }) {
+  setup(n, { expose: d, emit: i }) {
     E((e) => ({
-      v4fb23ab9: M.value
+      "4fb23ab9": M.value
     }));
-    const l = t, a = i, h = m(), x = m(!1), M = u(() => Number(l.row)), B = u(() => l.disabled ?? (l.text ? !x.value : !1)), v = u(() => l.content || l.text), H = (e) => {
-      x.value = e.target.scrollHeight > e.target.clientHeight;
+    const o = n, a = i, h = m(), w = m(!1), M = c(() => Number(o.row)), B = c(() => o.disabled ?? (o.text ? !w.value : !1)), g = c(() => o.content || o.text), H = (e) => {
+      w.value = e.target.scrollHeight > e.target.clientHeight;
     }, R = (e) => {
       a("show", e), window.addEventListener("wheel", f);
-    }, w = (e) => {
+    }, v = (e) => {
       a("hide", e), window.removeEventListener("wheel", f);
     }, f = (e) => {
-      const n = document.querySelector('[id^="el-popper-container"]');
-      if (!n) return;
-      const o = n.querySelector(".das-ui-tooltip-popper");
-      if (!o) return;
-      const g = e.clientX, y = e.clientY, r = o == null ? void 0 : o.getBoundingClientRect();
-      o && g >= r.left && g <= r.right && y >= r.top && y <= r.bottom || (o.style.display = "none", o.style.opacity = "0", F(() => {
-        w();
+      const l = document.querySelector('[id^="el-popper-container"]');
+      if (!l) return;
+      const t = l.querySelector(".das-ui-tooltip-popper");
+      if (!t) return;
+      const y = e.clientX, C = e.clientY, r = t == null ? void 0 : t.getBoundingClientRect();
+      t && y >= r.left && y <= r.right && C >= r.top && C <= r.bottom || (t.style.display = "none", t.style.opacity = "0", q(() => {
+        v();
       }));
     };
     return N(() => {
@@ -48,36 +48,36 @@ const J = ["innerHTML"], K = { key: 1 }, Q = /* @__PURE__ */ S({
       window.removeEventListener("wheel", f);
     }), d({
       $tooltipRef: h
-    }), (e, n) => (s(), V(C(G), D({
+    }), (e, l) => (s(), V(x(A), _({
       ref_key: "$tooltipRef",
       ref: h,
       class: "das-ui-tooltip",
       disabled: B.value,
-      effect: t.effect,
-      placement: t.placement,
-      "popper-class": `das-ui-tooltip-popper ${t.isMaxheight ? "max-height" : ""} ${t.selfPopperClass}`,
+      effect: e.effect,
+      placement: e.placement,
+      "popper-class": `das-ui-tooltip-popper ${e.isMaxheight ? "max-height" : ""} ${e.selfPopperClass}`,
       "hide-after": 100,
       "show-after": 100
     }, e.$attrs, {
       onShow: R,
-      onHide: w
+      onHide: v
     }), {
-      content: p(() => [
-        z(C(A), null, {
-          default: p(() => [
-            I(
+      content: u(() => [
+        P(x(j), null, {
+          default: u(() => [
+            z(
               "div",
               {
-                class: T({ "max-height": t.isMaxheight, "das-popper-content": !0 })
+                class: T({ "max-height": e.isMaxheight, "das-popper-content": !0 })
               },
               [
                 b(e.$slots, "content", {}, void 0, !0),
-                v.value && !e.$slots.content ? (s(), c(
-                  W,
+                g.value && !e.$slots.content ? (s(), p(
+                  I,
                   { key: 0 },
                   [
-                    q(
-                      $(v.value),
+                    W(
+                      $(g.value),
                       1
                       /* TEXT */
                     )
@@ -94,24 +94,24 @@ const J = ["innerHTML"], K = { key: 1 }, Q = /* @__PURE__ */ S({
           /* FORWARDED */
         })
       ]),
-      default: p(() => [
+      default: u(() => [
         b(e.$slots, "default", {}, () => [
-          t.text ? (s(), c(
+          e.text ? (s(), p(
             "div",
             {
               key: 0,
-              onMouseenter: n[0] || (n[0] = (o) => H(o)),
-              class: T(`das-tooltip-text-wrap ${t.customClass}`),
-              style: P({ width: l.textWidth })
+              onMouseenter: l[0] || (l[0] = (t) => H(t)),
+              class: T(`das-tooltip-text-wrap ${e.customClass}`),
+              style: D({ width: o.textWidth })
             },
             [
-              t.textHtml ? (s(), c("div", {
+              e.textHtml ? (s(), p("div", {
                 key: 0,
-                innerHTML: t.text
-              }, null, 8, J)) : (s(), c(
+                innerHTML: e.text
+              }, null, 8, G)) : (s(), p(
                 "div",
-                K,
-                $(t.text),
+                J,
+                $(e.text),
                 1
                 /* TEXT */
               ))
@@ -125,21 +125,21 @@ const J = ["innerHTML"], K = { key: 1 }, Q = /* @__PURE__ */ S({
       /* FORWARDED */
     }, 16, ["disabled", "effect", "placement", "popper-class"]));
   }
-}), U = (t, d) => {
-  const i = t.__vccOpts || t;
-  for (const [l, a] of d)
-    i[l] = a;
+}), Q = (n, d) => {
+  const i = n.__vccOpts || n;
+  for (const [o, a] of d)
+    i[o] = a;
   return i;
-}, Z = /* @__PURE__ */ U(Q, [["__scopeId", "data-v-87cfa282"]]), _ = {
+}, U = /* @__PURE__ */ Q(K, [["__scopeId", "data-v-87cfa282"]]), Z = {
   "--das-ui-tooltip-font-normal": "#212121",
   "--das-ui-tooltip-font-light": "#fff",
   "--das-ui-tooltip-bgff-color": "#fff"
 }, ee = { 文字提示: { "zh-CN": "文字提示", en: "Text Prompt", _appCode: "framework" } };
-Y(ee);
-X(_);
-const ce = () => m(null), de = j(Z), fe = { name: `Tooltip ${O("文字提示")}` };
+X(ee);
+F(Z);
+const pe = () => m(null), de = O(U), fe = { name: `Tooltip ${Y("文字提示")}` };
 export {
   de as DasTooltip,
-  ce as DasTooltipRef,
+  pe 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 #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-87cfa282]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--v4fb23ab9)}
+.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-87cfa282]{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--4fb23ab9)}