ll-plus 2.4.15 → 2.4.16

package/index.full.mjs

@@ -75756,6 +75756,46 @@ const tooltipProps = buildProps({
   maxWidth: {
     type: definePropType([Number, String]),
     default: ""
+  },
+  /**
+   * @description 提示框里的文字是否超出显示...
+   */
+  tipEllipsis: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 提示框里的文字是否超出几行显示...
+   */
+  tipEllipsisLine: {
+    type: Number,
+    default: 1
+  },
+  /**
+   * @description 卡片类名
+   */
+  overlayClassName: {
+    type: String
+  },
+  /**
+   * @description 卡片样式
+   */
+  overlayStyle: {
+    type: Object
+  },
+  /**
+   * @description 文字是否超出显示...
+   */
+  ellipsis: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @description 文字的宽度，超出这个文字显示...
+   */
+  width: {
+    type: definePropType([Number, String]),
+    default: ""
   }
 });
 
@@ -75766,15 +75806,37 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const attrs = useAttrs();
-    const maxWidth = computed(() => addUnit(props.maxWidth));
     const bem = createNamespace("tooltip");
+    const bemContainer = createNamespace("container-tooltip");
+    const getContainerClass = computed(() => {
+      const ellipsisClass = props.ellipsis ? bemContainer.m("ellipsis") : "";
+      return `${bemContainer.b()} ${ellipsisClass}`;
+    });
+    const getContainerStyle = computed(() => {
+      const width = addUnit(props.width);
+      return {
+        width: width ? width : ""
+      };
+    });
+    const getOverlayClass = computed(() => {
+      const ellipsisClass = props.tipEllipsis ? bem.m("ellipsis") : "";
+      return `${bem.b()} ${ellipsisClass} ${props.overlayClassName}`;
+    });
+    const getOverlayStyle = computed(() => {
+      const maxWidth = addUnit(props.maxWidth);
+      return {
+        WebkitLineClamp: props.tipEllipsis ? props.tipEllipsisLine : "none",
+        "max-width": maxWidth,
+        ...props.overlayStyle
+      };
+    });
     return (_ctx, _cache) => {
       const _component_ll_icon = resolveComponent("ll-icon");
       const _component_a_tooltip = resolveComponent("a-tooltip");
       return openBlock(), createBlock(_component_a_tooltip, mergeProps(unref(attrs), {
         placement: _ctx.placement,
-        "overlay-style": { "max-width": maxWidth.value },
-        class: unref(bem).b()
+        "overlay-style": getOverlayStyle.value,
+        "overlay-class-name": getOverlayClass.value
       }), {
         title: withCtx(() => [
           createElementVNode(
@@ -75786,13 +75848,24 @@ var _sfc_main$9 = /* @__PURE__ */ defineComponent({
           )
         ]),
         default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(_component_ll_icon, { "icon-name": "icon-question" })
-          ])
+          createElementVNode(
+            "div",
+            {
+              class: normalizeClass(getContainerClass.value),
+              style: normalizeStyle(getContainerStyle.value)
+            },
+            [
+              renderSlot(_ctx.$slots, "default", {}, () => [
+                createVNode(_component_ll_icon, { "icon-name": "icon-question" })
+              ])
+            ],
+            6
+            /* CLASS, STYLE */
+          )
         ]),
         _: 3
         /* FORWARDED */
-      }, 16, ["placement", "overlay-style", "class"]);
+      }, 16, ["placement", "overlay-style", "overlay-class-name"]);
     };
   }
 });