@wfrog/vc-ui 1.10.10 → 1.11.0

package/dist/es/components/info-tooltip/info-tooltip.mjs

@@ -0,0 +1,109 @@
+import './index.css'
+import '../../chunk/Gk1J52Yw.mjs';
+/* empty css                    */
+import { a as ElTooltip } from '../../chunk/CoGexPPD.mjs';
+import { defineComponent, useCssVars, unref, computed, useAttrs, useTemplateRef, ref, createBlock, createCommentVNode, openBlock, mergeProps, withCtx, createElementBlock, normalizeClass, toDisplayString, createElementVNode, normalizeStyle } from 'vue';
+import { i as injectConfig } from '../config-provider/config-provider2.mjs';
+import { C as Component$1 } from '../iconify-icon/iconify-icon.mjs';
+import { p as pick } from '../../chunk/BunQI8Jb.mjs';
+import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+
+const _hoisted_1 = ["innerHTML"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "info-tooltip",
+  props: {
+    content: {},
+    code: {},
+    letter: {},
+    maxWidth: { default: "400px" },
+    icon: { default: "carbon:help" },
+    offsetY: { default: "-4px" }
+  },
+  emits: ["click"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "v9e44a890": unref(myProps).offsetY
+    }));
+    const props = __props;
+    const emits = __emit;
+    const $attrs = useAttrs();
+    const { infoTooltip } = injectConfig();
+    const tooltipRef = useTemplateRef("tooltipRef");
+    const myContent = ref(props.content);
+    const tooltipProps = computed(() => {
+      return {
+        placement: "top",
+        rawContent: true,
+        trigger: "hover",
+        ...infoTooltip?.tooltipProps,
+        ...$attrs
+      };
+    });
+    const myProps = computed(() => {
+      return {
+        ...props,
+        ...pick(infoTooltip, ["letter", "icon", "offsetY", "maxWidth"])
+      };
+    });
+    function setContent(value) {
+      myContent.value = value;
+      tooltipRef.value?.updatePopper();
+    }
+    function handleClick() {
+      emits("click", props.code);
+    }
+    function handleShow() {
+      infoTooltip?.onShowed && infoTooltip.onShowed(props.code, myContent.value, setContent);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_tooltip = ElTooltip;
+      return __props.content || __props.code ? (openBlock(), createBlock(_component_el_tooltip, mergeProps({
+        key: 0,
+        ref_key: "tooltipRef",
+        ref: tooltipRef
+      }, unref(tooltipProps), { onBeforeShow: handleShow }), {
+        content: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass(_ctx.$style.content),
+            style: normalizeStyle({ maxWidth: unref(myProps).maxWidth }),
+            innerHTML: unref(myContent)
+          }, null, 14, _hoisted_1)
+        ]),
+        default: withCtx(() => [
+          unref(myProps).letter ? (openBlock(), createElementBlock("span", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.letter),
+            onClick: handleClick
+          }, toDisplayString(unref(myProps).letter), 3)) : (openBlock(), createBlock(Component$1, {
+            key: 1,
+            name: unref(myProps).icon,
+            class: normalizeClass(_ctx.$style.icon),
+            onClick: handleClick
+          }, null, 8, ["name", "class"]))
+        ]),
+        _: 1
+      }, 16)) : createCommentVNode("", true);
+    };
+  }
+});
+
+/* unplugin-vue-components disabled */const letter = "_letter_1hm7m_1";
+const icon = "_icon_1hm7m_19";
+const content = "_content_1hm7m_28";
+const style0 = {
+	letter: letter,
+	icon: icon,
+	content: content
+};
+
+const cssModules = {
+  "$style": style0
+};
+const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+
+const __vite_glob_0_39 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  default: Component
+}, Symbol.toStringTag, { value: 'Module' }));
+
+export { Component as C, __vite_glob_0_39 as _ };