@lingshugroup/web-plus 1.7.4 → 1.7.5

package/lib/packages/ls-components/components/tooltip/Index.vue/index2.js

@@ -1,51 +1,77 @@
 var T = Object.defineProperty;
-var n = (l, r) => T(l, "name", { value: r, configurable: !0 });
+var a = (r, o) => T(r, "name", { value: o, configurable: !0 });
 /* empty css                                                                                                                                          */
 /* empty css                                                                                                                                             */
 /* empty css                                                                                                                                            */
-import { defineComponent as p, ref as i, useAttrs as g, computed as h, openBlock as C, createElementBlock as k, normalizeClass as y, unref as s, createElementVNode as B, toDisplayString as E, createVNode as R, mergeProps as S, withCtx as c, renderSlot as a, nextTick as b } from "vue";
-import { useNamespace as N } from "../../_hooks/useNamespace/index.js";
-import { ElTooltip as $ } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.5.13_typescript@5.5.4_/node_modules/element-plus/es/components/tooltip/index/index.js";
-const M = { class: "temp-content" }, V = p({
+import { defineComponent as g, ref as u, useAttrs as $, computed as c, openBlock as b, createElementBlock as x, normalizeClass as z, unref as s, normalizeStyle as m, createElementVNode as E, toDisplayString as k, createVNode as B, mergeProps as N, withCtx as f, renderSlot as d, nextTick as R } from "vue";
+import { useNamespace as W } from "../../_hooks/useNamespace/index.js";
+import { lsTooltipProps as H } from "../types/index.js";
+import { isEmpty as h } from "../../_utils/utils/index.js";
+import { ElTooltip as M } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.5.13_typescript@5.5.4_/node_modules/element-plus/es/components/tooltip/index/index.js";
+const P = g({
   name: "LSTooltip"
-}), j = /* @__PURE__ */ p({
-  ...V,
-  setup(l) {
-    const u = N("tooltip").b(), o = i(!1), e = i(), d = g(), m = h(() => d.content || "");
-    function f() {
-      _();
+}), J = /* @__PURE__ */ g({
+  ...P,
+  props: H,
+  setup(r) {
+    const o = r, v = W("tooltip").b(), n = u(!1), i = u(), w = $(), p = c(() => {
+      const t = o.width;
+      let e = "100%";
+      return (t.endsWith("%") || t.endsWith("px")) && !h(parseInt(t)) ? e = t : h(Number(t)) || (e = `${t}px`), {
+        width: e
+      };
+    }), y = c(() => w.content || ""), _ = c(() => {
+      const t = o.lineClamp > 1 ? Object.assign(
+        {
+          height: "auto"
+        },
+        p.value
+      ) : {
+        width: "auto",
+        height: 0
+      }, e = o.fontSize;
+      e && (t.fontSize = `${e}px`);
+      const l = o.lineHeight;
+      return l && (t.lineHeight = `${l}px`), t;
+    });
+    function C() {
+      S();
     }
-    n(f, "onMouseEnter");
-    async function _() {
-      if (await b(), e.value) {
-        const t = e.value.getBoundingClientRect();
-        e.value.querySelector(".temp-content").getBoundingClientRect().width > t.width ? o.value = !0 : o.value = !1;
+    a(C, "onMouseEnter");
+    async function S() {
+      if (await R(), i.value) {
+        const t = i.value.getBoundingClientRect(), e = i.value.querySelector(".temp-content").getBoundingClientRect();
+        o.lineClamp <= 1 ? e.width > t.width ? n.value = !0 : n.value = !1 : e.height > t.height ? n.value = !0 : n.value = !1;
       }
     }
-    return n(_, "updateTooltip"), (t, v) => {
-      const w = $;
-      return C(), k("div", {
+    return a(S, "updateTooltip"), (t, e) => {
+      const l = M;
+      return b(), x("div", {
         ref_key: "lsTooltipRef",
-        ref: e,
-        class: y(s(u)),
-        onMouseenter: f
+        ref: i,
+        class: z(s(v)),
+        style: m(s(p)),
+        onMouseenter: C
       }, [
-        B("div", M, E(s(m)), 1),
-        R(w, S({
-          disabled: !s(o)
+        E("div", {
+          class: "temp-content",
+          style: m(s(_))
+        }, k(s(y)), 5),
+        B(l, N({
+          disabled: !s(n)
         }, t.$attrs), {
-          default: c(() => [
-            a(t.$slots, "default", {}, void 0, !0)
+          default: f(() => [
+            d(t.$slots, "default", {}, void 0, !0)
           ]),
-          content: c(() => [
-            a(t.$slots, "content", {}, void 0, !0)
+          content: f(() => [
+            d(t.$slots, "content", {}, void 0, !0)
           ]),
           _: 3
         }, 16, ["disabled"])
-      ], 34);
+      ], 38);
     };
   }
 });
 export {
-  j as default
+  J as default
 };

package/lib/packages/ls-components/components/tooltip/types/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../_utils/runtime/index.cjs"),t=e.buildProps({width:{type:[Number,String],default:"100%"},fontSize:{type:Number,default:null},lineClamp:{type:Number,default:1},lineHeight:{type:Number,default:null}});exports.lsTooltipProps=t;

package/lib/packages/ls-components/components/tooltip/types/index.js

@@ -0,0 +1,22 @@
+import { buildProps as e } from "../../_utils/runtime/index.js";
+const l = e({
+  width: {
+    type: [Number, String],
+    default: "100%"
+  },
+  fontSize: {
+    type: Number,
+    default: null
+  },
+  lineClamp: {
+    type: Number,
+    default: 1
+  },
+  lineHeight: {
+    type: Number,
+    default: null
+  }
+});
+export {
+  l as lsTooltipProps
+};

package/lib/types/components/_constants/token.d.ts

@@ -1 +1,2 @@
 export declare const lsBtnKey: unique symbol;
+export declare const lsMenuKey: unique symbol;

package/lib/types/components/menu/Index.vue.d.ts

@@ -145,6 +145,7 @@ declare const __VLS_component: DefineComponent<globalThis.ExtractPropTypes<{
     hoverColor: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     isDefineClick: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     showTooltip: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    fontSize: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
 }>, {
     lsComMenuRef: globalThis.Ref<any, any>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<globalThis.ExtractPropTypes<{
@@ -184,6 +185,7 @@ declare const __VLS_component: DefineComponent<globalThis.ExtractPropTypes<{
     hoverColor: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     isDefineClick: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     showTooltip: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    fontSize: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
 }>> & Readonly<{}>, {
     menuConfigList: MenuBaseType[];
     needPermission: EpPropMergeType<BooleanConstructor, unknown, unknown>;
@@ -191,6 +193,7 @@ declare const __VLS_component: DefineComponent<globalThis.ExtractPropTypes<{
     hoverColor: string;
     isDefineClick: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     showTooltip: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    fontSize: number;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/lib/types/components/menu/index.d.ts

@@ -39,6 +39,7 @@ declare const LSMenu: {
         hoverColor: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
         isDefineClick: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
         showTooltip: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+        fontSize: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     }>> & Readonly<{}>, {
         lsComMenuRef: globalThis.Ref<any, any>;
     }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {
@@ -48,6 +49,7 @@ declare const LSMenu: {
         hoverColor: string;
         isDefineClick: EpPropMergeType<BooleanConstructor, unknown, unknown>;
         showTooltip: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        fontSize: number;
     }, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
@@ -92,6 +94,7 @@ declare const LSMenu: {
         hoverColor: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
         isDefineClick: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
         showTooltip: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+        fontSize: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
     }>> & Readonly<{}>, {
         lsComMenuRef: globalThis.Ref<any, any>;
     }, {}, {}, {}, {
@@ -101,6 +104,7 @@ declare const LSMenu: {
         hoverColor: string;
         isDefineClick: EpPropMergeType<BooleanConstructor, unknown, unknown>;
         showTooltip: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+        fontSize: number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -142,6 +146,7 @@ declare const LSMenu: {
     hoverColor: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     isDefineClick: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     showTooltip: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    fontSize: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
 }>> & Readonly<{}>, {
     lsComMenuRef: globalThis.Ref<any, any>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
@@ -151,6 +156,7 @@ declare const LSMenu: {
     hoverColor: string;
     isDefineClick: EpPropMergeType<BooleanConstructor, unknown, unknown>;
     showTooltip: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    fontSize: number;
 }, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: Partial<Record<string, (_: {}) => any>>;
 }) & {

package/lib/types/components/menu/types.d.ts

@@ -81,6 +81,7 @@ export declare const lsMenuProps: {
     hoverColor: EpPropFinalized<StringConstructor, unknown, unknown, string, boolean>;
     isDefineClick: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
     showTooltip: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;
+    fontSize: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
 };
 export declare const lsMenuItemProps: {
     needPermission: EpPropFinalized<BooleanConstructor, unknown, unknown, boolean, boolean>;

package/lib/types/components/tooltip/Index.vue.d.ts

@@ -1,4 +1,5 @@
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { EpPropFinalized, EpPropMergeType } from '../_utils/types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
@@ -11,7 +12,22 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_component: DefineComponent<globalThis.ExtractPropTypes<{
+    width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+    fontSize: EpPropFinalized<NumberConstructor, unknown, unknown, null, boolean>;
+    lineClamp: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    lineHeight: EpPropFinalized<NumberConstructor, unknown, unknown, null, boolean>;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<globalThis.ExtractPropTypes<{
+    width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+    fontSize: EpPropFinalized<NumberConstructor, unknown, unknown, null, boolean>;
+    lineClamp: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    lineHeight: EpPropFinalized<NumberConstructor, unknown, unknown, null, boolean>;
+}>> & Readonly<{}>, {
+    width: EpPropMergeType<(NumberConstructor | StringConstructor)[], unknown, unknown>;
+    fontSize: number;
+    lineClamp: number;
+    lineHeight: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/lib/types/components/tooltip/types.d.ts

@@ -1 +1,7 @@
-export declare const lsTooltipProps: {};
+import { EpPropFinalized } from '../_utils/types';
+export declare const lsTooltipProps: {
+    width: EpPropFinalized<(NumberConstructor | StringConstructor)[], unknown, unknown, string, boolean>;
+    fontSize: EpPropFinalized<NumberConstructor, unknown, unknown, null, boolean>;
+    lineClamp: EpPropFinalized<NumberConstructor, unknown, unknown, number, boolean>;
+    lineHeight: EpPropFinalized<NumberConstructor, unknown, unknown, null, boolean>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lingshugroup/web-plus",
-  "version": "1.7.4",
+  "version": "1.7.5",
   "description": "零数科技前端UI组件库（Vue3）",
   "type": "module",
   "main": "./lib/index/index.cjs",