yc-pro-components 0.0.9 → 0.0.11

package/es/components/yc-text/src/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, useSlots, ref, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode, withModifiers } from 'vue';
+import { defineComponent, useSlots, ref, computed, resolveComponent, openBlock, createBlock, mergeProps, withCtx, renderSlot, createVNode, withModifiers } from 'vue';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -21,6 +21,32 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     useSlots();
     const textRef = ref();
     const showTooltip = ref(false);
+    const tooltipProps = computed(() => {
+      const { offset, popperOptions: popperOptions2, ...rest } = props.tippyProps;
+      return rest;
+    });
+    const popperOptions = computed(() => {
+      var _a, _b, _c;
+      const offset = (_a = props.tippyProps) == null ? void 0 : _a.offset;
+      const userPopperOptions = (_b = props.tippyProps) == null ? void 0 : _b.popperOptions;
+      if (!Array.isArray(offset)) {
+        return userPopperOptions;
+      }
+      const normalizedOffset = [Number(offset[0]) || 0, Number(offset[1]) || 0];
+      const userModifiers = (_c = userPopperOptions == null ? void 0 : userPopperOptions.modifiers) != null ? _c : [];
+      return {
+        ...userPopperOptions,
+        modifiers: [
+          ...userModifiers,
+          {
+            name: "offset",
+            options: {
+              offset: normalizedOffset
+            }
+          }
+        ]
+      };
+    });
     const isTextEllipsis = (el) => {
       if (!props.lineClamp) {
         return el.scrollWidth > el.clientWidth;
@@ -36,8 +62,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_el_tooltip = resolveComponent("el-tooltip");
       return openBlock(), createBlock(_component_el_tooltip, mergeProps({
         disabled: !showTooltip.value,
-        content: __props.tippyProps.content
-      }, __props.tippyProps), {
+        content: __props.tippyProps.content,
+        "popper-options": popperOptions.value
+      }, tooltipProps.value), {
         content: withCtx(() => [
           renderSlot(_ctx.$slots, "content", {}, () => [
             renderSlot(_ctx.$slots, "default")
@@ -68,7 +95,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["disabled", "content"]);
+      }, 16, ["disabled", "content", "popper-options"]);
     };
   }
 });

package/index.js

@@ -1,4 +1,4 @@
-/*! yc-pro-components v0.0.9 */
+/*! yc-pro-components v0.0.11 */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('element-plus')) :
   typeof define === 'function' && define.amd ? define(['exports', 'vue', 'element-plus'], factory) :
@@ -58440,6 +58440,32 @@
       vue.useSlots();
       const textRef = vue.ref();
       const showTooltip = vue.ref(false);
+      const tooltipProps = vue.computed(() => {
+        const { offset, popperOptions: popperOptions2, ...rest } = props.tippyProps;
+        return rest;
+      });
+      const popperOptions = vue.computed(() => {
+        var _a, _b, _c;
+        const offset = (_a = props.tippyProps) == null ? void 0 : _a.offset;
+        const userPopperOptions = (_b = props.tippyProps) == null ? void 0 : _b.popperOptions;
+        if (!Array.isArray(offset)) {
+          return userPopperOptions;
+        }
+        const normalizedOffset = [Number(offset[0]) || 0, Number(offset[1]) || 0];
+        const userModifiers = (_c = userPopperOptions == null ? void 0 : userPopperOptions.modifiers) != null ? _c : [];
+        return {
+          ...userPopperOptions,
+          modifiers: [
+            ...userModifiers,
+            {
+              name: "offset",
+              options: {
+                offset: normalizedOffset
+              }
+            }
+          ]
+        };
+      });
       const isTextEllipsis = (el) => {
         if (!props.lineClamp) {
           return el.scrollWidth > el.clientWidth;
@@ -58455,8 +58481,9 @@
         const _component_el_tooltip = vue.resolveComponent("el-tooltip");
         return vue.openBlock(), vue.createBlock(_component_el_tooltip, vue.mergeProps({
           disabled: !showTooltip.value,
-          content: __props.tippyProps.content
-        }, __props.tippyProps), {
+          content: __props.tippyProps.content,
+          "popper-options": popperOptions.value
+        }, tooltipProps.value), {
           content: vue.withCtx(() => [
             vue.renderSlot(_ctx.$slots, "content", {}, () => [
               vue.renderSlot(_ctx.$slots, "default")
@@ -58487,7 +58514,7 @@
           ]),
           _: 3
           /* FORWARDED */
-        }, 16, ["disabled", "content"]);
+        }, 16, ["disabled", "content", "popper-options"]);
       };
     }
   });