@layui/layui-vue/es/tooltip/index2.js

a component library for Vue 3 base on layui-vue

import { defineComponent as v, ref as p, shallowRef as m, computed as h, unref as b, onMounted as k, nextTick as r, openBlock as n, createBlock as g, mergeProps as w, withCtx as u, renderSlot as i, createElementBlock as d, toDisplayString as B, createCommentVNode as S, createElementVNode as A } from "vue";
/* empty css           */
import x from "../popper/popper.js";
import { useEventListener as C, useMutationObserver as _, useResizeObserver as D } from "@vueuse/core";
const P = { key: 0 }, $ = v({ name: "LayTooltip", inheritAttrs: !1, __name: "index", props: { content: {}, position: { default: "top" }, isDark: { type: Boolean }, disabled: { type: Boolean }, isAutoShow: { type: Boolean }, visible: { type: Boolean }, trigger: { default: "hover" }, enterable: { type: Boolean, default: !0 }, popperClass: {}, popperStyle: { type: [Boolean, null, String, Object, Array] }, teleportProps: {} }, setup(c, { expose: f }) {
  const t = c, a = p(!1), o = m(void 0), l = p(), y = h(() => ({ modelValue: t.visible, trigger: t.trigger, placement: t.position, enterable: t.enterable, showArrow: !0, disabled: t.disabled || b(a), popperClass: ["lay-tooltip", "layui-anim-fadein", { "layui-dark": t.isDark }, t.popperClass], popperStyle: t.popperStyle, teleportProps: t.teleportProps })), s = function() {
    if (o.value) {
      let e = o.value;
      e.scrollWidth > e.clientWidth || e.scrollHeight > e.clientHeight ? a.value = !1 : a.value = !0;
    } else
      a.value = !1;
  };
  return k(() => {
    t.isAutoShow && (C("resize", () => {
      s();
    }), o.value && (_(o.value, s, { childList: !0, attributes: !0, characterData: !0, subtree: !0 }), D(o.value, s))), r(() => {
      s();
    });
  }), f({ show: function() {
    r(() => {
      l.value.show();
    });
  }, hide: function() {
    r(() => {
      l.value.hidden();
    });
  }, update: function() {
    r(() => {
      l.value.update();
    });
  } }), (e, R) => (n(), g(x, w({ ref_key: "popperRef", ref: l }, y.value), { content: u(() => [i(e.$slots, "content", {}, () => [e.content ? (n(), d("span", P, B(e.content), 1)) : S("", !0)])]), default: u(() => [e.isAutoShow ? (n(), d("div", { key: 0, ref_key: "tooltipRef", ref: o, class: "lay-tooltip-content" }, [A("span", null, [i(e.$slots, "default")])], 512)) : i(e.$slots, "default", { key: 1 })]), _: 3 }, 16));
} });
export {
  $ as default
};