vft 0.0.154 → 0.0.156

package/es/components/full-screen/full-screen.vue2.js

@@ -3,18 +3,18 @@ import { useFullscreen as a } from "@vft/use";
 import { delObjAttrNotExist as u } from "@vft/utils";
 import { VftIconText as f } from "../icon-text/index.js";
 import "@vueuse/core";
-import { primaryColor as _ } from "../../utils/ns-cover.js";
+import { primaryColor as x } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as d } from "../../hooks/use-namespace/index.js";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const t = (
   /* hoist-static*/
-  d("full-screen")
-), x = r({
+  _("full-screen")
+), d = r({
   name: t.b()
-}), z = /* @__PURE__ */ r({
-  ...x,
+}), O = /* @__PURE__ */ r({
+  ...d,
   props: {
     text: {},
     icon: {},
@@ -25,11 +25,14 @@ const t = (
     size: {},
     direction: {},
     pointer: { type: Boolean },
-    adjustOrigin: { type: Boolean }
+    adjustOrigin: { type: Boolean },
+    maxLines: {},
+    showTooltip: { type: Boolean },
+    clampTooltipCfg: {}
   },
   setup(n) {
-    const c = n, { toggle: i, isFullscreen: e } = a(), l = _().value;
-    return (C, v) => (s(), p(o(f), m({
+    const c = n, { toggle: i, isFullscreen: e } = a(), l = x().value;
+    return (C, y) => (s(), p(o(f), m({
       class: o(t).b(),
       distance: 2,
       "hover-color": o(l),
@@ -40,5 +43,5 @@ const t = (
   }
 });
 export {
-  z as default
+  O as default
 };

package/es/components/full-screen/index.d.ts

@@ -29,6 +29,15 @@ export declare const VftFullScreen: import("vft/es/utils").SFCWithInstall<import
     adjustOrigin: {
         type: globalThis.PropType<boolean>;
     };
+    maxLines: {
+        type: globalThis.PropType<number>;
+    };
+    showTooltip: {
+        type: globalThis.PropType<boolean>;
+    };
+    clampTooltipCfg: {
+        type: globalThis.PropType<import("..").ClampTooltipProps>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     text: {
         type: globalThis.PropType<string>;
@@ -60,5 +69,14 @@ export declare const VftFullScreen: import("vft/es/utils").SFCWithInstall<import
     adjustOrigin: {
         type: globalThis.PropType<boolean>;
     };
+    maxLines: {
+        type: globalThis.PropType<number>;
+    };
+    showTooltip: {
+        type: globalThis.PropType<boolean>;
+    };
+    clampTooltipCfg: {
+        type: globalThis.PropType<import("..").ClampTooltipProps>;
+    };
 }>>, {}, {}>> & Record<string, any>;
 export default VftFullScreen;

package/es/components/header-layout/header-layout.vue2.js

@@ -8,6 +8,7 @@ import "../check-tag/index.js";
 import "../checkbox/index.js";
 import "../clamp/index.js";
 import "../clamp-toggle/index.js";
+import "../clamp-tooltip/index.js";
 import "../col/index.js";
 import "../collapse-transition/index.js";
 import "../color-picker/index.js";
@@ -104,7 +105,7 @@ const $ = { class: "content" }, y = {
   k("header-layout")
 ), N = f({
   name: p.b()
-}), gt = /* @__PURE__ */ f({
+}), _t = /* @__PURE__ */ f({
   ...N,
   props: {
     logoCfg: {}
@@ -150,5 +151,5 @@ const $ = { class: "content" }, y = {
   }
 });
 export {
-  gt as default
+  _t as default
 };

package/es/components/icon/icon.vue2.js

@@ -1,20 +1,20 @@
-import { defineComponent as u, computed as s, openBlock as l, createElementBlock as a, normalizeClass as c, unref as t, normalizeStyle as m } from "vue";
-import { addUnit as v } from "@vft/utils";
+import { defineComponent as u, computed as a, openBlock as c, createElementBlock as l, normalizeClass as m, unref as i, normalizeStyle as f } from "vue";
+import { addUnit as y } from "@vft/utils";
 import "../config-provider/index.js";
 import "@vueuse/core";
 import { generateCssVars as C } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as y } from "../../hooks/use-namespace/index.js";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useGlobalConfig as g } from "../config-provider/hooks/use-global-config.js";
-const h = ["src"], n = (
+import { useGlobalConfig as h } from "../config-provider/hooks/use-global-config.js";
+const z = ["src"], n = (
   /* hoist-static*/
-  y("icon")
-), z = u({
+  g("icon")
+), I = u({
   name: n.b()
-}), j = /* @__PURE__ */ u({
-  ...z,
+}), W = /* @__PURE__ */ u({
+  ...I,
   props: {
     icon: {},
     size: {},
@@ -25,31 +25,32 @@ const h = ["src"], n = (
     hoverColor: {}
   },
   setup(o) {
-    const i = g(), r = s(
+    var r;
+    const t = h(), s = a(
       () => C(
         {
-          size: v(o.size),
+          size: y(o.size),
           color: o.color,
           hoverColor: o.hoverColor,
           cursor: o.pointer ? "pointer" : void 0,
-          animation: o.rotate ? `${i.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite` : void 0
+          animation: o.rotate ? `${t.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite` : void 0
         },
         "icon"
       )
-    ), f = (e) => e == null ? void 0 : e.includes("/"), p = s(() => f(o.icon)), d = i.value.iconfontClass;
-    return (e, k) => p.value ? (l(), a("img", {
+    ), d = (e) => e == null ? void 0 : e.includes("/"), p = a(() => d(o.icon)), v = o.icon.startsWith((r = t.value) == null ? void 0 : r.iconifyPrefixClass) ? "" : t.value.iconfontClass;
+    return (e, B) => p.value ? (c(), l("img", {
       key: 0,
-      class: c(t(n).e("image")),
+      class: m(i(n).e("image")),
       src: e.icon,
       alt: "",
-      style: m(r.value)
-    }, null, 14, h)) : (l(), a("i", {
+      style: f(s.value)
+    }, null, 14, z)) : (c(), l("i", {
       key: 1,
-      class: c([t(n).b(), e.icon, t(d)]),
-      style: m(r.value)
+      class: m([i(n).b(), e.icon, i(v)]),
+      style: f(s.value)
     }, null, 6));
   }
 });
 export {
-  j as default
+  W as default
 };

package/es/components/icon-text/icon-text.vue.d.ts

@@ -1,4 +1,5 @@
 import { type IconProps } from 'vft/es/components/icon';
+import { type ClampTooltipProps } from 'vft/es/components/clamp-tooltip';
 export interface IconTextProps {
     text: string;
     icon?: IconProps | string;
@@ -10,6 +11,10 @@ export interface IconTextProps {
     direction?: 'col' | 'row';
     pointer?: boolean;
     adjustOrigin?: boolean;
+    /** 最多几行 */
+    maxLines?: number;
+    showTooltip?: boolean;
+    clampTooltipCfg?: ClampTooltipProps;
 }
 declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<IconTextProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<__VLS_TypePropsToRuntimeProps<IconTextProps>>>, {}, {}>;
 export default _default;

package/es/components/icon-text/icon-text.vue2.js

@@ -1,18 +1,19 @@
-import { defineComponent as z, computed as o, openBlock as a, createElementBlock as x, normalizeClass as O, unref as n, normalizeStyle as V, createBlock as d, mergeProps as f, createCommentVNode as y, createElementVNode as b, toDisplayString as j } from "vue";
-import { singleAttrToObj as N, addUnit as g, removeUnit as p } from "@vft/utils";
-import { VftIcon as h } from "../icon/index.js";
+import { defineComponent as h, computed as t, openBlock as a, createElementBlock as S, normalizeClass as k, unref as r, normalizeStyle as V, createBlock as f, mergeProps as d, createCommentVNode as g, createVNode as w, normalizeProps as L, guardReactiveProps as O } from "vue";
+import { singleAttrToObj as b, addUnit as y, removeUnit as j } from "@vft/utils";
+import { VftIcon as C } from "../icon/index.js";
+import { VftClampTooltip as N } from "../clamp-tooltip/index.js";
 import "@vueuse/core";
-import { generateCssVars as E } from "../../utils/ns-cover.js";
+import { generateCssVars as P } from "../../utils/ns-cover.js";
 import "lodash";
-import { useNamespace as T } from "../../hooks/use-namespace/index.js";
+import { useNamespace as R } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const c = (
   /* hoist-static*/
-  T("icon-text")
-), U = z({
+  R("icon-text")
+), U = h({
   name: c.b()
-}), F = /* @__PURE__ */ z({
+}), K = /* @__PURE__ */ h({
   ...U,
   props: {
     text: {},
@@ -24,41 +25,49 @@ const c = (
     size: {},
     direction: { default: "row" },
     pointer: { type: Boolean },
-    adjustOrigin: { type: Boolean, default: !0 }
+    adjustOrigin: { type: Boolean, default: !0 },
+    maxLines: {},
+    showTooltip: { type: Boolean },
+    clampTooltipCfg: {}
   },
   setup(e) {
-    const C = o(() => e.hoverColor ? e.hoverColor : e.color), r = o(() => N(e.icon, "icon", { size: e.size, color: e.color })), s = o(() => e.direction === "col"), u = o(() => {
-      const t = g(e.distance);
-      return s.value ? e.reverse ? { marginTop: t } : { marginBottom: t } : e.reverse ? { marginLeft: t } : { marginRight: t };
-    }), l = o(() => p(e.size)), i = o(() => l.value < 12), S = o(() => l.value && i.value ? { transform: `scale(${l.value / 12})` } : {}), B = o(() => {
-      const t = E(
+    const x = t(() => e.hoverColor ? e.hoverColor : e.color), n = t(() => b(e.icon, "icon", { size: e.size, color: e.color })), s = t(() => e.direction === "col"), u = t(() => {
+      const o = y(e.distance);
+      return s.value ? e.reverse ? { marginTop: o } : { marginBottom: o } : e.reverse ? { marginLeft: o } : { marginRight: o };
+    }), l = t(() => j(e.size)), i = t(() => l.value < 12), z = t(() => l.value && i.value ? { transform: `scale(${l.value / 12})` } : {}), T = t(() => {
+      const o = P(
         {
           cursor: e.pointer ? "pointer" : void 0,
           color: e.color,
-          "hover-color": C.value,
-          fontSize: i.value ? "12px" : g(e.size)
+          "hover-color": x.value,
+          fontSize: i.value ? "12px" : y(e.size)
         },
         "icon-text"
       );
       return {
         ...i.value && e.adjustOrigin ? { transformOrigin: "left top" } : {},
-        ...t,
-        ...S.value
+        ...o,
+        ...z.value
       };
-    });
-    return (t, k) => {
+    }), B = t(() => ({
+      text: e.text,
+      maxLines: e.maxLines,
+      showTooltip: e.showTooltip,
+      ...e.clampTooltipCfg
+    }));
+    return (o, p) => {
       var m, v;
-      return a(), x("span", {
-        class: O([n(c).b(), n(c).is("col", s.value)]),
-        style: V(B.value)
+      return a(), S("span", {
+        class: k([r(c).b(), r(c).is("col", s.value)]),
+        style: V(T.value)
       }, [
-        !t.reverse && ((m = r.value) != null && m.icon) ? (a(), d(n(h), f({ key: 0 }, r.value, { style: u.value }), null, 16, ["style"])) : y("", !0),
-        b("span", null, j(t.text), 1),
-        t.reverse && ((v = r.value) != null && v.icon) ? (a(), d(n(h), f({ key: 1 }, r.value, { style: u.value }), null, 16, ["style"])) : y("", !0)
+        !o.reverse && ((m = n.value) != null && m.icon) ? (a(), f(r(C), d({ key: 0 }, n.value, { style: u.value }), null, 16, ["style"])) : g("", !0),
+        w(r(N), L(O(B.value)), null, 16),
+        o.reverse && ((v = n.value) != null && v.icon) ? (a(), f(r(C), d({ key: 1 }, n.value, { style: u.value }), null, 16, ["style"])) : g("", !0)
       ], 6);
     };
   }
 });
 export {
-  F as default
+  K as default
 };

package/es/components/icon-text/index.d.ts

@@ -30,6 +30,15 @@ export declare const VftIconText: import("vft/es/utils").SFCWithInstall<import("
     adjustOrigin: {
         type: globalThis.PropType<boolean>;
     };
+    maxLines: {
+        type: globalThis.PropType<number>;
+    };
+    showTooltip: {
+        type: globalThis.PropType<boolean>;
+    };
+    clampTooltipCfg: {
+        type: globalThis.PropType<import("..").ClampTooltipProps>;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<globalThis.ExtractPropTypes<{
     text: {
         type: globalThis.PropType<string>;
@@ -62,6 +71,15 @@ export declare const VftIconText: import("vft/es/utils").SFCWithInstall<import("
     adjustOrigin: {
         type: globalThis.PropType<boolean>;
     };
+    maxLines: {
+        type: globalThis.PropType<number>;
+    };
+    showTooltip: {
+        type: globalThis.PropType<boolean>;
+    };
+    clampTooltipCfg: {
+        type: globalThis.PropType<import("..").ClampTooltipProps>;
+    };
 }>>, {}, {}>> & Record<string, any>;
 export default VftIconText;
 export { type IconTextProps } from './icon-text.vue';

package/es/components/index.d.ts

@@ -7,6 +7,7 @@ export * from './check-tag';
 export * from './checkbox';
 export * from './clamp';
 export * from './clamp-toggle';
+export * from './clamp-tooltip';
 export * from './col';
 export * from './collapse-transition';
 export * from './color-picker';