vft 0.0.375 → 0.0.376

package/es/components/horizontal-menu/horizontal-menu.vue2.js

@@ -1,37 +1,36 @@
-import { defineComponent, computed, getCurrentInstance, useSlots, ref, createVNode, mergeProps } from "vue";
-import { useRouterHelper } from "@vft/router";
-import { isUrl } from "@vft/utils";
-import { VftMenu, VftSubMenu, VftMenuItem } from "../menu/index.js";
+import { defineComponent as I, computed as w, getCurrentInstance as F, useSlots as G, ref as K, createVNode as c, mergeProps as O } from "vue";
+import { useRouterHelper as Q } from "@vft/router";
+import { isUrl as W } from "@vft/utils";
+import { VftMenu as X, VftSubMenu as Y, VftMenuItem as Z } from "../menu/index.js";
 import "@vueuse/core";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as _ } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { MenuTypeEnum } from "./constants.js";
-const __default__ = defineComponent({
+import { MenuTypeEnum as ee } from "./constants.js";
+const ne = I({
   name: "vft-horizontal-menu"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), me = /* @__PURE__ */ I({
+  ...ne,
   props: {
     menus: {},
     attrMapping: {},
     openDisabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     disabledJudgeTurnOver: {
       type: Boolean,
-      default: false
+      default: !1
     },
     subMenuCfg: {
       default: () => ({})
     },
     useRouterJump: {
       type: Boolean,
-      default: false
+      default: !1
     },
     maxRowLength: {
       type: [Boolean, Number],
@@ -42,181 +41,124 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     menuOptions: {}
   },
   emits: ["open", "close", "select", "sub-menu-click"],
-  setup(__props, {
-    expose: __expose,
-    emit: __emit
+  setup(n, {
+    expose: L,
+    emit: N
   }) {
-    const ns = useNamespace("horizontal-menu");
-    const emit = __emit;
-    const gridStyle = computed(() => {
-      return (list, item, menuMaxRowLength) => {
-        return {
-          "grid-template-rows": `repeat(${Math.min(list?.[item]?.[_attrMapping.value["children"]]?.length || 0, Number(menuMaxRowLength || __props.maxRowLength ? menuMaxRowLength || __props.maxRowLength : list?.[item]?.[_attrMapping.value["children"]]?.length))}, auto)`
-        };
-      };
-    });
-    const _attrMapping = computed(() => {
-      return {
-        path: "path",
-        children: "children",
-        title: "title",
-        index: "path",
-        icon: "icon",
-        disabled: "disabled",
-        ...__props.attrMapping
-      };
-    });
-    const instance = getCurrentInstance();
-    const slots = useSlots();
-    const horizontalMenu = ref();
-    const _router = instance.appContext.config.globalProperties.$router;
-    const renderMenuItem = (item, index, isPopup) => {
-      const _path = item[_attrMapping.value.path];
-      const _title = item[_attrMapping.value.title];
-      const _index = item?.[_attrMapping.value.index];
-      const _icon = item?.[_attrMapping.value.icon];
-      const _disabledVal = !!item?.[_attrMapping.value.disabled];
-      const _disabled = __props.disabledJudgeTurnOver ? !_disabledVal : _disabledVal;
-      const _key = _index || _path || index + _title;
-      return createVNode(VftMenuItem, mergeProps(item, {
-        "key": _key,
-        "index": String(_key),
-        "icon": _icon,
-        "route": _path,
-        "title": _title,
-        "disabled": __props.openDisabled && _disabled,
-        "className": isPopup ? "vft-menu-popup-item" : "vft-menu-no-popup-item"
+    const b = _("horizontal-menu"), f = N, V = w(() => (e, o, a) => ({
+      "grid-template-rows": `repeat(${Math.min(e?.[o]?.[t.value.children]?.length || 0, Number(a || n.maxRowLength ? a || n.maxRowLength : e?.[o]?.[t.value.children]?.length))}, auto)`
+    })), t = w(() => ({
+      path: "path",
+      children: "children",
+      title: "title",
+      index: "path",
+      icon: "icon",
+      disabled: "disabled",
+      ...n.attrMapping
+    })), J = F(), m = G(), T = K(), k = J.appContext.config.globalProperties.$router, v = (e, o, a) => {
+      const i = e[t.value.path], r = e[t.value.title], l = e?.[t.value.index], M = e?.[t.value.icon], h = !!e?.[t.value.disabled], d = n.disabledJudgeTurnOver ? !h : h, g = l || i || o + r;
+      return c(Z, O(e, {
+        key: g,
+        index: String(g),
+        icon: M,
+        route: i,
+        title: r,
+        disabled: n.openDisabled && d,
+        className: a ? "vft-menu-popup-item" : "vft-menu-no-popup-item"
       }), {
-        default: !isPopup ? slots.menuTopItem ? () => slots.menuTopItem?.({
-          item
-        }) : null : slots.menuItem ? () => slots.menuItem?.({
-          item
+        default: a ? m.menuItem ? () => m.menuItem?.({
+          item: e
+        }) : null : m.menuTopItem ? () => m.menuTopItem?.({
+          item: e
         }) : null
       });
-    };
-    const onMenuOpen = (data) => {
-      emit("open", data);
-    };
-    const onMenuClose = (data) => {
-      emit("close", data);
-    };
-    const onSubMenuClick = (data) => {
-      emit("sub-menu-click", data);
-    };
-    const renderSubMenu = (item, index, isPopup) => {
-      const _path = item[_attrMapping.value.path];
-      const _title = item[_attrMapping.value.title];
-      const _children = item?.[_attrMapping.value.children];
-      const _index = item?.[_attrMapping.value.index];
-      const _icon = item?.[_attrMapping.value.icon];
-      const menuOrder = item?.menuOrder;
-      const menuMaxRowLength = item?.maxRowLength;
-      const _disabledVal = !!item?.[_attrMapping.value.disabled];
-      const _disabled = __props.disabledJudgeTurnOver ? !_disabledVal : _disabledVal;
-      const _key = _index || _path || index + _title;
-      const isTile = item.type === MenuTypeEnum.TILE;
-      let _order = [];
-      if (isTile) {
-        if (menuOrder) {
-          const _orderArr = menuOrder.flat();
-          if (_orderArr?.length < _children.length) {
-            const maxNum = Math.max.apply(null, _orderArr);
-            for (let i = maxNum + 1; i < _children.length; i++) {
-              menuOrder.push([i]);
-            }
+    }, z = (e) => {
+      f("open", e);
+    }, B = (e) => {
+      f("close", e);
+    }, D = (e) => {
+      f("sub-menu-click", e);
+    }, S = (e, o, a) => {
+      const i = e[t.value.path], r = e[t.value.title], l = e?.[t.value.children], M = e?.[t.value.index], h = e?.[t.value.icon], d = e?.menuOrder, g = e?.maxRowLength, R = !!e?.[t.value.disabled], $ = n.disabledJudgeTurnOver ? !R : R, A = M || i || o + r, x = e.type === ee.TILE;
+      let y = [];
+      if (x)
+        if (d) {
+          const u = d.flat();
+          if (u?.length < l.length) {
+            const p = Math.max.apply(null, u);
+            for (let s = p + 1; s < l.length; s++)
+              d.push([s]);
           }
-          _order = menuOrder;
-        } else {
-          for (let i = 0; i < _children.length; i++) {
-            _order.push([i]);
-          }
-        }
-      }
-      return _children?.length || item?.render ? createVNode(VftSubMenu, mergeProps(__props.subMenuCfg, item, {
-        "index": String(_key),
-        "key": _key,
-        "icon": _icon,
-        "showArrow": item.showArrow ?? __props.subMenuCfg.showArrow,
-        "disabled": __props.openDisabled && _disabled,
-        "toolTipCfg": {
-          ...__props.subMenuCfg.toolTipCfg || {},
-          ...item.subMenuCfg?.toolTipCfg || {}
+          y = d;
+        } else
+          for (let u = 0; u < l.length; u++)
+            y.push([u]);
+      return l?.length || e?.render ? c(Y, O(n.subMenuCfg, e, {
+        index: String(A),
+        key: A,
+        icon: h,
+        showArrow: e.showArrow ?? n.subMenuCfg.showArrow,
+        disabled: n.openDisabled && $,
+        toolTipCfg: {
+          ...n.subMenuCfg.toolTipCfg || {},
+          ...e.subMenuCfg?.toolTipCfg || {}
         },
-        "teleported": false,
-        "popper-class": [isTile ? ns.e("tile") : "", ns.e("normal")]
+        teleported: !1,
+        "popper-class": [x ? b.e("tile") : "", b.e("normal")]
       }), {
-        default: () => [item?.render ? item?.render : isTile ? _order.map((sub_item, sub_index) => {
-          return createVNode("div", {
-            "class": "content-main",
-            "key": sub_index
-          }, [sub_item.map((child_item, child_index) => {
-            const childContent = _children?.[child_item]?.[_attrMapping.value.children];
-            const childMaxRowLength = _children?.[child_item]?.maxRowLength;
-            return _children?.length ? createVNode("div", {
-              "class": "content-col",
-              "key": child_index
-            }, [createVNode("span", {
-              "class": childContent?.length ? "title" : ""
-            }, [_children?.[child_item]?.[_attrMapping.value.title]]), childContent?.length ? createVNode("div", {
-              "class": "content",
-              "style": gridStyle.value(_children, child_item, childMaxRowLength || menuMaxRowLength)
-            }, [childContent.map((menu_item, menu_index) => {
-              return renderMenuItem(menu_item, menu_index, true);
-            })]) : null]) : null;
-          })]);
-        }) : _children.map((subItem, sub_index) => {
-          return subItem[_attrMapping.value.children]?.length ? renderSubMenu(subItem, sub_index, true) : renderMenuItem(subItem, sub_index, true);
-        })],
-        title: () => _title
-      }) : renderMenuItem(item, index, isPopup);
+        default: () => [e?.render ? e?.render : x ? y.map((u, p) => c("div", {
+          class: "content-main",
+          key: p
+        }, [u.map((s, j) => {
+          const C = l?.[s]?.[t.value.children], H = l?.[s]?.maxRowLength;
+          return l?.length ? c("div", {
+            class: "content-col",
+            key: j
+          }, [c("span", {
+            class: C?.length ? "title" : ""
+          }, [l?.[s]?.[t.value.title]]), C?.length ? c("div", {
+            class: "content",
+            style: V.value(l, s, H || g)
+          }, [C.map((U, q) => v(U, q, !0))]) : null]) : null;
+        })])) : l.map((u, p) => u[t.value.children]?.length ? S(u, p, !0) : v(u, p, !0))],
+        title: () => r
+      }) : v(e, o, a);
     };
-    async function handleSelect(data) {
-      if (__props.useRouterJump) {
+    async function P(e) {
+      if (n.useRouterJump) {
         const {
-          go
-        } = useRouterHelper(_router);
-        const path = data.route;
-        let _path = data.route;
-        if (data.indexPath.some((item) => isUrl(item))) {
-          _path = data.indexPath.slice(-2).join("/");
-        }
-        const linkTarget = _router.getRoutes().filter((item) => item.path === _path)?.[0]?.meta?.linkTarget;
-        if (linkTarget) {
-          go({
-            url: path,
-            winOpenOpt: {
-              target: linkTarget
-            }
-          });
-        } else {
-          go(path);
-        }
+          go: o
+        } = Q(k), a = e.route;
+        let i = e.route;
+        e.indexPath.some((l) => W(l)) && (i = e.indexPath.slice(-2).join("/"));
+        const r = k.getRoutes().filter((l) => l.path === i)?.[0]?.meta?.linkTarget;
+        o(r ? {
+          url: a,
+          winOpenOpt: {
+            target: r
+          }
+        } : a);
       }
-      emit("select", data);
+      f("select", e);
     }
-    const isInSubMenu = computed(() => horizontalMenu.value?.inSubMenu);
-    __expose({
-      isInSubMenu
+    const E = w(() => T.value?.inSubMenu);
+    return L({
+      isInSubMenu: E
+    }), () => c(X, O(n.menuOptions, {
+      ref: T,
+      onSelect: P,
+      onOpen: z,
+      onClose: B,
+      onSubMenuClick: D,
+      mode: "horizontal",
+      class: b.b(),
+      defaultActive: n.defaultActive,
+      defaultOpeneds: n.defaultOpeneds
+    }), {
+      default: () => [n.menus?.length ? n.menus.map((e, o) => S(e, o, !1)) : null]
     });
-    return () => {
-      return createVNode(VftMenu, mergeProps(__props.menuOptions, {
-        "ref": horizontalMenu,
-        "onSelect": handleSelect,
-        "onOpen": onMenuOpen,
-        "onClose": onMenuClose,
-        "onSubMenuClick": onSubMenuClick,
-        "mode": "horizontal",
-        "class": ns.b(),
-        "defaultActive": __props.defaultActive,
-        "defaultOpeneds": __props.defaultOpeneds
-      }), {
-        default: () => [__props.menus?.length ? __props.menus.map((item, index) => {
-          return renderSubMenu(item, index, false);
-        }) : null]
-      });
-    };
   }
 });
 export {
-  _sfc_main as default
+  me as default
 };

package/es/components/horizontal-menu/index.js

@@ -2,13 +2,13 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall } from "../../utils/vue/install.js";
+import { withInstall as o } from "../../utils/vue/install.js";
 import "lodash-es";
-import _sfc_main from "./horizontal-menu.vue2.js";
-import { MenuTypeEnum } from "./constants.js";
-const VftHorizontalMenu = withInstall(_sfc_main);
+import t from "./horizontal-menu.vue2.js";
+import { MenuTypeEnum as u } from "./constants.js";
+const a = o(t);
 export {
-  MenuTypeEnum,
-  VftHorizontalMenu,
-  VftHorizontalMenu as default
+  u as MenuTypeEnum,
+  a as VftHorizontalMenu,
+  a as default
 };

package/es/components/icon/icon.vue.js

@@ -1,4 +1,4 @@
-import _sfc_main from "./icon.vue2.js";
+import f from "./icon.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

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

@@ -1,21 +1,19 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref } from "vue";
-import { isString } from "@vft/utils";
+import { defineComponent as f, computed as t, createElementBlock as s, openBlock as l, normalizeStyle as c, normalizeClass as m, unref as n } from "vue";
+import { isString as y } from "@vft/utils";
 import "../config-provider/index.js";
 import "@vueuse/core";
-import { addUnit } from "../../utils/helper.js";
-import { generateCssVars } from "../../utils/ns-cover.js";
+import { addUnit as C } from "../../utils/helper.js";
+import { generateCssVars as p } from "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as g } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-import { useGlobalConfig } from "../config-provider/hooks/use-global-config.js";
-const _hoisted_1 = ["src"];
-const __default__ = defineComponent({
+import { useGlobalConfig as h } from "../config-provider/hooks/use-global-config.js";
+const z = ["src"], I = f({
   name: "vft-icon"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), q = /* @__PURE__ */ f({
+  ...I,
   props: {
     icon: {},
     size: {},
@@ -25,46 +23,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     pointer: { type: Boolean },
     hoverColor: {}
   },
-  setup(__props) {
-    const ns = useNamespace("icon");
-    const config = useGlobalConfig();
-    const style = computed(
-      () => generateCssVars(
+  setup(o) {
+    const r = g("icon"), e = h(), a = t(
+      () => p(
         {
-          size: addUnit(__props.size),
-          color: __props.color,
-          hoverColor: __props.hoverColor,
-          cursor: __props.pointer ? "pointer" : void 0,
-          animation: __props.rotate ? `${config.value.namespace}-rotate ${__props.rotateSpeed}s linear 0s infinite` : void 0
+          size: C(o.size),
+          color: o.color,
+          hoverColor: o.hoverColor,
+          cursor: o.pointer ? "pointer" : void 0,
+          animation: o.rotate ? `${e.value.namespace}-rotate ${o.rotateSpeed}s linear 0s infinite` : void 0
         },
         "icon"
       )
-    );
-    const isImage = (name) => name?.includes("/");
-    const isImageIcon = computed(() => isImage(__props.icon));
-    const isIconify = computed(() => {
-      if (config.value?.iconifyPrefixClass && __props.icon && isString(__props.icon)) {
-        return __props.icon.startsWith(config.value?.iconifyPrefixClass);
-      } else {
-        return false;
-      }
-    });
-    const iconfontClass = isIconify.value ? "" : config.value?.iconfontClass || "";
-    return (_ctx, _cache) => {
-      return isImageIcon.value ? (openBlock(), createElementBlock("img", {
-        key: 0,
-        class: normalizeClass(unref(ns).e("image")),
-        src: _ctx.icon,
-        alt: "",
-        style: normalizeStyle(style.value)
-      }, null, 14, _hoisted_1)) : (openBlock(), createElementBlock("i", {
-        key: 1,
-        class: normalizeClass([unref(ns).b(), _ctx.icon, unref(iconfontClass)]),
-        style: normalizeStyle(style.value)
-      }, null, 6));
-    };
+    ), u = (i) => i?.includes("/"), v = t(() => u(o.icon)), d = t(() => e.value?.iconifyPrefixClass && o.icon && y(o.icon) ? o.icon.startsWith(e.value?.iconifyPrefixClass) : !1).value ? "" : e.value?.iconfontClass || "";
+    return (i, B) => v.value ? (l(), s("img", {
+      key: 0,
+      class: m(n(r).e("image")),
+      src: i.icon,
+      alt: "",
+      style: c(a.value)
+    }, null, 14, z)) : (l(), s("i", {
+      key: 1,
+      class: m([n(r).b(), i.icon, n(d)]),
+      style: c(a.value)
+    }, null, 6));
   }
 });
 export {
-  _sfc_main as default
+  q as default
 };

package/es/components/icon/index.js

@@ -2,11 +2,11 @@ import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "vue";
-import { withInstall } from "../../utils/vue/install.js";
+import { withInstall as t } from "../../utils/vue/install.js";
 import "lodash-es";
-import _sfc_main from "./icon.vue2.js";
-const VftIcon = withInstall(_sfc_main);
+import o from "./icon.vue2.js";
+const s = t(o);
 export {
-  VftIcon,
-  VftIcon as default
+  s as VftIcon,
+  s as default
 };

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

@@ -1,4 +1,4 @@
-import _sfc_main from "./icon-text.vue2.js";
+import f from "./icon-text.vue2.js";
 export {
-  _sfc_main as default
+  f as default
 };

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

@@ -1,21 +1,19 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, unref, createBlock, createCommentVNode, mergeProps, normalizeProps, toDisplayString } from "vue";
-import { VftClampTooltip } from "../clamp-tooltip/index.js";
-import { VftIcon } from "../icon/index.js";
+import { defineComponent as C, computed as t, createElementBlock as d, openBlock as r, normalizeStyle as T, normalizeClass as k, unref as l, createBlock as s, createCommentVNode as y, mergeProps as u, normalizeProps as S, toDisplayString as w } from "vue";
+import { VftClampTooltip as L } from "../clamp-tooltip/index.js";
+import { VftIcon as g } from "../icon/index.js";
 import "@vueuse/core";
-import { singleAttrToObj, removeUnit } from "@vft/utils";
-import { addUnit } from "../../utils/helper.js";
-import { generateCssVars } from "../../utils/ns-cover.js";
+import { singleAttrToObj as O, removeUnit as V } from "@vft/utils";
+import { addUnit as h } from "../../utils/helper.js";
+import { generateCssVars as j } from "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as b } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const _hoisted_1 = { key: 2 };
-const __default__ = defineComponent({
+const N = { key: 2 }, P = C({
   name: "vft-icon-text"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), K = /* @__PURE__ */ C({
+  ...P,
   props: {
     text: {},
     icon: {},
@@ -26,78 +24,53 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     size: {},
     direction: { default: "row" },
     pointer: { type: Boolean },
-    adjustOrigin: { type: Boolean, default: true },
+    adjustOrigin: { type: Boolean, default: !0 },
     maxLines: {},
     showTooltip: { type: Boolean },
     clampTooltipCfg: {},
     useClamp: { type: Boolean }
   },
-  setup(__props) {
-    const ns = useNamespace("icon-text");
-    const _hoverColor = computed(() => {
-      return __props.hoverColor ? __props.hoverColor : __props.color;
-    });
-    const _icon = computed(() => {
-      return singleAttrToObj(__props.icon, "icon", { size: __props.size, color: __props.color });
-    });
-    const isColumn = computed(() => __props.direction === "col");
-    const distanceStyle = computed(() => {
-      const _distance = addUnit(__props.distance);
-      if (isColumn.value) {
-        return __props.reverse ? { marginTop: _distance } : { marginBottom: _distance };
-      }
-      return __props.reverse ? { marginLeft: _distance } : { marginRight: _distance };
-    });
-    const size_num = computed(() => {
-      return removeUnit(__props.size);
-    });
-    const shouldShrink = computed(() => size_num.value < 12);
-    const textScale = computed(() => {
-      return size_num.value && shouldShrink.value ? { transform: `scale(${size_num.value / 12})` } : {};
-    });
-    const style = computed(() => {
-      const vars = generateCssVars(
+  setup(e) {
+    const m = b("icon-text"), i = t(() => e.hoverColor ? e.hoverColor : e.color), n = t(() => O(e.icon, "icon", { size: e.size, color: e.color })), v = t(() => e.direction === "col"), f = t(() => {
+      const o = h(e.distance);
+      return v.value ? e.reverse ? { marginTop: o } : { marginBottom: o } : e.reverse ? { marginLeft: o } : { marginRight: o };
+    }), a = t(() => V(e.size)), c = t(() => a.value < 12), p = t(() => a.value && c.value ? { transform: `scale(${a.value / 12})` } : {}), x = t(() => {
+      const o = j(
         {
-          cursor: __props.pointer ? "pointer" : void 0,
-          color: __props.color,
-          "hover-color": _hoverColor.value,
-          fontSize: shouldShrink.value ? "12px" : addUnit(__props.size)
+          cursor: e.pointer ? "pointer" : void 0,
+          color: e.color,
+          "hover-color": i.value,
+          fontSize: c.value ? "12px" : h(e.size)
         },
         "icon-text"
       );
-      const originStyle = shouldShrink.value && __props.adjustOrigin ? { transformOrigin: "left top" } : {};
-      return {
-        ...originStyle,
-        ...vars,
-        ...textScale.value
-      };
-    });
-    const _clampTooltipCfg = computed(() => {
       return {
-        text: __props.text,
-        maxLines: __props.maxLines,
-        showTooltip: __props.showTooltip,
-        ...__props.clampTooltipCfg
+        ...c.value && e.adjustOrigin ? { transformOrigin: "left top" } : {},
+        ...o,
+        ...p.value
       };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass([unref(ns).b(), unref(ns).is("col", isColumn.value)]),
-        style: normalizeStyle(style.value)
-      }, [
-        !_ctx.reverse && _icon.value?.icon ? (openBlock(), createBlock(unref(VftIcon), mergeProps({ key: 0 }, _icon.value, {
-          "hover-color": _hoverColor.value,
-          style: distanceStyle.value
-        }), null, 16, ["hover-color", "style"])) : createCommentVNode("", true),
-        _ctx.useClamp ? (openBlock(), createBlock(unref(VftClampTooltip), normalizeProps(mergeProps({ key: 1 }, _clampTooltipCfg.value)), null, 16)) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.text), 1)),
-        _ctx.reverse && _icon.value?.icon ? (openBlock(), createBlock(unref(VftIcon), mergeProps({ key: 3 }, _icon.value, {
-          style: distanceStyle.value,
-          "hover-color": _hoverColor.value
-        }), null, 16, ["style", "hover-color"])) : createCommentVNode("", true)
-      ], 6);
-    };
+    }), z = t(() => ({
+      text: e.text,
+      maxLines: e.maxLines,
+      showTooltip: e.showTooltip,
+      ...e.clampTooltipCfg
+    }));
+    return (o, B) => (r(), d("span", {
+      class: k([l(m).b(), l(m).is("col", v.value)]),
+      style: T(x.value)
+    }, [
+      !o.reverse && n.value?.icon ? (r(), s(l(g), u({ key: 0 }, n.value, {
+        "hover-color": i.value,
+        style: f.value
+      }), null, 16, ["hover-color", "style"])) : y("", !0),
+      o.useClamp ? (r(), s(l(L), S(u({ key: 1 }, z.value)), null, 16)) : (r(), d("span", N, w(o.text), 1)),
+      o.reverse && n.value?.icon ? (r(), s(l(g), u({ key: 3 }, n.value, {
+        style: f.value,
+        "hover-color": i.value
+      }), null, 16, ["style", "hover-color"])) : y("", !0)
+    ], 6));
   }
 });
 export {
-  _sfc_main as default
+  K as default
 };