vft 0.0.18 → 0.0.20

package/es/components/link/link.vue.mjs

@@ -0,0 +1,5 @@
+import f from "./link.vue2.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=link.vue.mjs.map

package/es/components/link/link.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/link/link.vue2.mjs

@@ -0,0 +1,58 @@
+import { defineComponent as u, computed as p, openBlock as l, createElementBlock as a, normalizeClass as c, unref as t, createBlock as k, normalizeProps as b, mergeProps as y, createCommentVNode as s, renderSlot as B } from "vue";
+import { singleAttrToObj as C } from "@vft/utils";
+import { VftIcon as g } from "../icon/index.mjs";
+import { useNamespace as R } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import { useRouterHelper as h } from "@vft/router";
+const o = (
+  /* hoist-static*/
+  R("link")
+), z = u({
+  name: o.b()
+}), T = /* @__PURE__ */ u({
+  ...z,
+  props: {
+    type: { default: "default" },
+    underline: { type: Boolean, default: !0 },
+    disabled: { type: Boolean, default: !1 },
+    route: null,
+    isReplace: { type: Boolean },
+    icon: null
+  },
+  emits: ["click"],
+  setup(e, { emit: m }) {
+    const { go: d } = h();
+    function f(n) {
+      e.route && d(e.route, e.isReplace), e.disabled || m("click", n);
+    }
+    const i = p(() => C(e.icon, "icon"));
+    return (n, N) => {
+      var r;
+      return l(), a("span", {
+        class: c([
+          t(o).b(),
+          t(o).m(e.type),
+          t(o).is("disabled", e.disabled),
+          t(o).is("underline", e.underline && !e.disabled)
+        ]),
+        onClick: f
+      }, [
+        (r = t(i)) != null && r.icon ? (l(), k(t(g), b(y({ key: 0 }, t(i))), null, 16)) : s("", !0),
+        n.$slots.default ? (l(), a("span", {
+          key: 1,
+          class: c(t(o).e("inner"))
+        }, [
+          B(n.$slots, "default")
+        ], 2)) : s("", !0)
+      ], 2);
+    };
+  }
+});
+export {
+  T as default
+};
+//# sourceMappingURL=link.vue2.mjs.map

package/es/components/link/link.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"link.vue2.mjs","sources":["../../../../../packages/components/link/link.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('link')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { singleAttrToObj } from '@vft/utils';\nimport { computed } from 'vue';\nimport { type RouteLocationRaw } from 'vue-router';\nimport { type IconProps, VftIcon as Icon } from '@vft-ui/components/icon';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { useRouterHelper, type WinOpenType } from '@vft/router';\n\ninterface Props {\n  type?: 'primary' | 'success' | 'warning' | 'info' | 'danger' | 'default';\n  underline?: boolean\n  disabled?: boolean\n  route?: WinOpenType | RouteLocationRaw\n  isReplace?: boolean\n  icon?: IconProps\n}\n\ndefineProps({\n  \"type\": { default: 'default' },\n  \"underline\": { type: Boolean, default: true },\n  \"disabled\": { type: Boolean, default: false },\n  \"route\": null,\n  \"isReplace\": { type: Boolean,  },\n  \"icon\": null\n})\n\n\n\n;\n\nconst emit = defineEmits(['click']);\n\nconst { go } = useRouterHelper();\n\nfunction handleClick (event: MouseEvent) {\n  if (__props.route) {\n  \tgo(__props.route as RouteLocationRaw, __props.isReplace);\n  }\n  if (!__props.disabled) emit('click', event);\n}\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n</script>\n\n<template>\n  <span\n    :class=\"[\n      ns.b(),\n      ns.m(type),\n      ns.is('disabled', disabled),\n      ns.is('underline', underline && !disabled),\n    ]\"\n    @click=\"handleClick\"\n  >\n    <Icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n    <span v-if=\"$slots.default\" :class=\"ns.e('inner')\">\n      <slot />\n    </span>\n  </span>\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","go","useRouterHelper","handleClick","event","__props","emit","_icon","computed","singleAttrToObj"],"mappings":";;;;;;;;;;AACA,MAAMA;AAAA;AAAA,EAAuBC,EAAa,MAAM;AAAA,GAGhDC,IAA6BC,EAAmB;AAAA,EAC/C,MAAMH,EAAG,EAAE;AACZ,CAAC;;;;;;;;;;;;AAiCK,UAAA,EAAE,IAAAI,MAAOC;AAEf,aAASC,EAAaC,GAAmB;AACvC,MAAIC,EAAQ,SACRJ,EAAAI,EAAQ,OAA2BA,EAAQ,SAAS,GAEnDA,EAAQ,YAAUC,EAAK,SAASF,CAAK;AAAA,IAC5C;AAEM,UAAAG,IAAQC,EAAS,MACdC,EAAgBJ,EAAQ,MAAM,MAAM,CAC5C;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/link/style/css.mjs

@@ -0,0 +1,3 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-link.css";
+//# sourceMappingURL=css.mjs.map

package/es/components/link/style/css.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/link/style/index.mjs

@@ -0,0 +1,3 @@
+import "../../../theme-style/src/base.scss.mjs";
+import "../../../theme-style/src/link.scss.mjs";
+//# sourceMappingURL=index.mjs.map

package/es/components/link/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/es/components/menu/index.d.ts

@@ -20,7 +20,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     menuTrigger: {
-        type: import("vue").PropType<"hover" | "click" | undefined>;
+        type: import("vue").PropType<"click" | "hover" | undefined>;
         required: false;
     };
     collapse: {
@@ -51,7 +51,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     open: (index: string) => void;
     close: (index: string, indexPath: string[]) => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "select")[], "close" | "open" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "select" | "open")[], "close" | "select" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: import("vue").PropType<"horizontal" | "vertical" | undefined>;
         required: false;
@@ -73,7 +73,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     menuTrigger: {
-        type: import("vue").PropType<"hover" | "click" | undefined>;
+        type: import("vue").PropType<"click" | "hover" | undefined>;
         required: false;
     };
     collapse: {
@@ -102,8 +102,8 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
 }, {}>> & {
     MenuItem: import("vue").DefineComponent<{
         index: {

package/es/components/menu/menu-item.vue2.mjs

@@ -1,8 +1,8 @@
-import { defineComponent as S, getCurrentInstance as M, inject as V, computed as r, reactive as Y, onMounted as D, onBeforeUnmount as F, openBlock as o, createElementBlock as c, Fragment as d, createBlock as s, unref as t, createCommentVNode as u, createElementVNode as f, normalizeClass as $, withCtx as j, renderSlot as v, normalizeProps as O, mergeProps as q, createVNode as G } from "vue";
+import { defineComponent as S, getCurrentInstance as M, inject as V, computed as l, reactive as Y, onMounted as D, onBeforeUnmount as F, openBlock as o, createElementBlock as c, Fragment as d, createBlock as s, unref as t, createCommentVNode as u, createElementVNode as p, normalizeClass as $, withCtx as j, renderSlot as f, normalizeProps as O, mergeProps as q, createVNode as G } from "vue";
 import { singleAttrToObj as H, renderTNode as J, VNode as K } from "@vft/utils";
 import "@vue/shared";
 import { throwError as P } from "../../utils/error.mjs";
-import { useNamespace as k } from "../../hooks/use-namespace/index.mjs";
+import { useNamespace as v } from "../../hooks/use-namespace/index.mjs";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.mjs";
@@ -27,12 +27,27 @@ import "../footer-layout/index.mjs";
 import "../iframe-layout/index.mjs";
 import "../router-view-content/index.mjs";
 import "../logo/index.mjs";
-const W = ["title"], p = (
+import "../back-top/index.mjs";
+import "../config-provider/index.mjs";
+import "../descriptions/index.mjs";
+import "../full-screen/index.mjs";
+import "../icon-text/index.mjs";
+import "../image/index.mjs";
+import "../input/index.mjs";
+import "../link/index.mjs";
+import "../pagination/index.mjs";
+import "../tag/index.mjs";
+import "../side-menu/index.mjs";
+import "../qrcode/index.mjs";
+import "../overlay/index.mjs";
+import "../clamp/index.mjs";
+import "../clamp-toggle/index.mjs";
+const W = ["title"], k = (
   /* hoist-static*/
-  k("menu-item")
+  v("menu-item")
 ), X = S({
-  name: p.b()
-}), Ve = /* @__PURE__ */ S({
+  name: k.b()
+}), Ge = /* @__PURE__ */ S({
   ...X,
   props: {
     index: null,
@@ -47,62 +62,62 @@ const W = ["title"], p = (
   },
   emits: ["click"],
   setup(e, { emit: T }) {
-    const b = M(), w = k("menu"), a = k("menu-item"), n = e.isAloneUse ? null : V("rootMenu");
-    !n && !e.isAloneUse && P(p.b(), "can not inject root menu");
+    const b = M(), w = v("menu"), a = v("menu-item"), i = e.isAloneUse ? null : V("rootMenu");
+    !i && !e.isAloneUse && P(k.b(), "can not inject root menu");
     const { parentMenu: y, indexPath: g } = L(
       b,
-      r(() => e.index)
-    ), i = e.isAloneUse ? null : V(`subMenu:${y.value.uid}`);
-    !i && !e.isAloneUse && P(p.b(), "can not inject sub menu");
-    const h = r(() => e.index === (n == null ? void 0 : n.activeIndex)), l = Y({
+      l(() => e.index)
+    ), n = e.isAloneUse ? null : V(`subMenu:${y.value.uid}`);
+    !n && !e.isAloneUse && P(k.b(), "can not inject sub menu");
+    const h = l(() => e.index === (i == null ? void 0 : i.activeIndex)), m = Y({
       index: e.index,
       indexPath: g,
       active: h
     }), z = () => {
-      e.disabled || (n == null || n.handleMenuItemClick({
+      e.disabled || (i == null || i.handleMenuItemClick({
         index: e.index,
         indexPath: g.value,
         route: e.route
-      }), T("click", l));
-    }, x = r(() => H(e.icon, "icon")), A = r(() => J(b, "title"));
+      }), T("click", m));
+    }, x = l(() => H(e.icon, "icon")), A = l(() => J(b, "title"));
     return D(() => {
-      e.isAloneUse || (i == null || i.addSubMenu(l), n == null || n.addMenuItem(l));
+      e.isAloneUse || (n == null || n.addSubMenu(m), i == null || i.addMenuItem(m));
     }), F(() => {
-      e.isAloneUse || (i == null || i.removeSubMenu(l), n == null || n.removeMenuItem(l));
-    }), (m, Z) => {
+      e.isAloneUse || (n == null || n.removeSubMenu(m), i == null || i.removeMenuItem(m));
+    }), (r, Z) => {
       var U, B, C, N, I;
       return o(), c(d, null, [
         e.reverse && e.divider ? (o(), s(t(E), {
           key: 0,
           marginY: "0"
         })) : u("", !0),
-        f("li", {
+        p("li", {
           class: $([e.className, t(a).b(), t(a).is("active", e.isAloneUse ? !1 : t(h)), t(a).is("disabled", e.disabled)]),
           role: "menuitem",
           tabindex: "-1",
           onClick: z
         }, [
-          ((B = (U = t(y)) == null ? void 0 : U.type) == null ? void 0 : B.name) === "vft-menu" && ((C = t(n)) != null && C.props.collapse) && m.$slots.title ? (o(), s(t(R), {
+          ((B = (U = t(y)) == null ? void 0 : U.type) == null ? void 0 : B.name) === "vft-menu" && ((C = t(i)) != null && C.props.collapse) && r.$slots.title ? (o(), s(t(R), {
             key: 0,
             placement: "right",
             "fallback-placements": ["left"],
             persistent: ""
           }, {
             content: j(() => [
-              v(m.$slots, "title")
+              f(r.$slots, "title")
             ]),
             default: j(() => [
-              f("div", {
+              p("div", {
                 class: $(t(w).be("tooltip", "trigger"))
               }, [
-                v(m.$slots, "default")
+                f(r.$slots, "default")
               ], 2)
             ]),
             _: 3
           })) : (o(), c(d, { key: 1 }, [
-            (N = m.$slots) != null && N.default ? v(m.$slots, "default", { key: 0 }) : (o(), c(d, { key: 1 }, [
+            (N = r.$slots) != null && N.default ? f(r.$slots, "default", { key: 0 }) : (o(), c(d, { key: 1 }, [
               (I = t(x)) != null && I.icon ? (o(), s(t(Q), O(q({ key: 0 }, t(x))), null, 16)) : u("", !0),
-              f("span", { title: t(A) }, [
+              p("span", { title: t(A) }, [
                 G(t(K), { content: t(A) }, null, 8, ["content"])
               ], 8, W)
             ], 64))
@@ -117,6 +132,6 @@ const W = ["title"], p = (
   }
 });
 export {
-  Ve as default
+  Ge as default
 };
 //# sourceMappingURL=menu-item.vue2.mjs.map

package/es/components/menu/menu-item.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-item.vue2.mjs","sources":["../../../../../packages/components/menu/menu-item.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu-item')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { renderTNode, singleAttrToObj, VNode } from '@vft/utils';\nimport { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, reactive } from 'vue';\nimport { throwError } from '@vft-ui/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type RouteLocationRaw } from 'vue-router';\nimport useMenu from './use-menu';\nimport { VftIcon as Icon, type IconProps, VftTooltip as Tooltip, VftDivider } from '@vft-ui/components';\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types';\n\ninterface Props {\n  /** 唯一标志 */\n  index?: string;\n  /** Vue Router 路径对象 */\n  route?: RouteLocationRaw;\n  /** 是否禁用 */\n  disabled?: boolean;\n  icon?: IconProps;\n  title?: string;\n  isAloneUse?: boolean;\n  divider?: boolean;\n  className?: string\n  reverse?: boolean\n}\n\ndefineProps({\n  \"index\": null,\n  \"route\": null,\n  \"disabled\": { type: Boolean,  },\n  \"icon\": null,\n  \"title\": null,\n  \"isAloneUse\": { type: Boolean,  },\n  \"divider\": { type: Boolean,  },\n  \"className\": null,\n  \"reverse\": { type: Boolean,  }\n})\n\n\n\nconst emit = defineEmits(['click']);\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst nsMenu = useNamespace('menu');\n\nconst nsMenuItem = useNamespace('menu-item');\n\n// 获取来自 menu.vue 中注入的数据\nconst rootMenu = !__props.isAloneUse ? inject<MenuProvider>('rootMenu') : null;\nif (!rootMenu && !__props.isAloneUse) throwError(ns.b(), 'can not inject root menu');\n\n// indexPath：当前 menu-item 对应的 index 和 vft-sub-menu 的 index，parentMenu 为 vft-sub-menu 组件\nconst { parentMenu, indexPath } = useMenu(\n  instance,\n  computed(() => __props.index!)\n);\n\n// 注入来自 sub-menu 中的 provide 数据\nconst subMenu = !__props.isAloneUse ? inject<SubMenuProvider>(`subMenu:${parentMenu.value.uid}`) : null;\nif (!subMenu && !__props.isAloneUse) throwError(ns.b(), 'can not inject sub menu');\n\n// 当前是否为 active\nconst active = computed(() => __props.index === rootMenu?.activeIndex);\n\nconst item: MenuItemRegistered = reactive({\n  index: __props.index!,\n  indexPath,\n  active\n});\n\n// 点击具体菜单项\nconst handleClick = () => {\n  if (!__props.disabled) {\n    rootMenu?.handleMenuItemClick({\n      index: __props.index!,\n      indexPath: indexPath.value,\n      route: __props.route\n    });\n    emit('click', item);\n  }\n};\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst title = computed(() => {\n  return renderTNode(instance, 'title');\n});\n\nonMounted(() => {\n  if (!__props.isAloneUse) {\n    // 触发 sub-menu,vue 中的 addSubMenu\n    subMenu?.addSubMenu(item);\n    // 触发 menu.vue 中的 addMenuItem 更新 items\n    rootMenu?.addMenuItem(item);\n  }\n});\n\nonBeforeUnmount(() => {\n  if (!__props.isAloneUse) {\n    subMenu?.removeSubMenu(item);\n    rootMenu?.removeMenuItem(item);\n  }\n});\n</script>\n\n<template>\n  <vft-divider v-if=\"reverse && divider\" marginY=\"0\" />\n  <li :class=\"[className, nsMenuItem.b(), nsMenuItem.is('active', isAloneUse ? false : active), nsMenuItem.is('disabled', disabled)]\" role=\"menuitem\" tabindex=\"-1\" @click=\"handleClick\">\n    <tooltip\n      v-if=\"parentMenu?.type?.name === 'vft-menu' && rootMenu?.props.collapse && $slots.title\"\n      placement=\"right\" :fallback-placements=\"['left']\" persistent>\n      <template #content>\n        <slot name=\"title\" />\n      </template>\n      <div :class=\"nsMenu.be('tooltip', 'trigger')\">\n        <slot />\n      </div>\n    </tooltip>\n    <template v-else>\n      <slot v-if=\"$slots?.default\"/>\n      <template v-else>\n        <Icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n        <span :title=\"title\"><v-node :content=\"title\" /></span>\n      </template>\n    </template>\n  </li>\n  <vft-divider v-if=\"!reverse && divider\" marginY=\"0\" />\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","nsMenu","nsMenuItem","rootMenu","__props","inject","throwError","parentMenu","indexPath","useMenu","computed","subMenu","active","item","reactive","handleClick","emit","_icon","singleAttrToObj","title","renderTNode","onMounted","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBACMA;AAAA;AAAA,EAAuBC,EAAa,WAAW;AAAA,GAGrDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;;;AA6CD,UAAMI,IAAWC,KAEXC,IAASL,EAAa,MAAM,GAE5BM,IAAaN,EAAa,WAAW,GAGrCO,IAAYC,EAAQ,aAAgD,OAAnCC,EAAqB,UAAU;AAClE,IAAA,CAACF,KAAY,CAACC,EAAQ,cAAuBE,EAAAX,EAAG,EAAE,GAAG,0BAA0B;AAG7E,UAAA,EAAE,YAAAY,GAAY,WAAAC,EAAA,IAAcC;AAAA,MAChCV;AAAA,MACAW,EAAS,MAAMN,EAAQ,KAAM;AAAA,IAAA,GAIzBO,IAAWP,EAAQ,aAA0E,OAA7DC,EAAwB,WAAWE,EAAW,MAAM,KAAK;AAC3F,IAAA,CAACI,KAAW,CAACP,EAAQ,cAAuBE,EAAAX,EAAG,EAAE,GAAG,yBAAyB;AAGjF,UAAMiB,IAASF,EAAS,MAAMN,EAAQ,WAAUD,KAAA,gBAAAA,EAAU,YAAW,GAE/DU,IAA2BC,EAAS;AAAA,MACxC,OAAOV,EAAQ;AAAA,MACf,WAAAI;AAAA,MACA,QAAAI;AAAA,IAAA,CACD,GAGKG,IAAc,MAAM;AACpB,MAACX,EAAQ,aACXD,KAAA,QAAAA,EAAU,oBAAoB;AAAA,QAC5B,OAAOC,EAAQ;AAAA,QACf,WAAWI,EAAU;AAAA,QACrB,OAAOJ,EAAQ;AAAA,MAAA,IAEjBY,EAAK,SAASH,CAAI;AAAA,IACpB,GAGII,IAAQP,EAAS,MACdQ,EAAgBd,EAAQ,MAAM,MAAM,CAC5C,GAEKe,IAAQT,EAAS,MACdU,EAAYrB,GAAU,OAAO,CACrC;AAED,WAAAsB,EAAU,MAAM;AACV,MAACjB,EAAQ,eAEXO,KAAA,QAAAA,EAAS,WAAWE,IAEpBV,KAAA,QAAAA,EAAU,YAAYU;AAAA,IACxB,CACD,GAEDS,EAAgB,MAAM;AAChB,MAAClB,EAAQ,eACXO,KAAA,QAAAA,EAAS,cAAcE,IACvBV,KAAA,QAAAA,EAAU,eAAeU;AAAA,IAC3B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"menu-item.vue2.mjs","sources":["../../../../../packages/components/menu/menu-item.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu-item')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n  name: ns.b()\n});</script>\n<script lang=\"ts\" setup>\nimport { renderTNode, singleAttrToObj, VNode } from '@vft/utils';\nimport { computed, getCurrentInstance, inject, onBeforeUnmount, onMounted, reactive } from 'vue';\nimport { throwError } from '@vft-ui/utils';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { type RouteLocationRaw } from 'vue-router';\nimport useMenu from './use-menu';\nimport { VftIcon as Icon, type IconProps, VftTooltip as Tooltip, VftDivider } from '@vft-ui/components';\n\nimport type { MenuItemRegistered, MenuProvider, SubMenuProvider } from './types';\n\ninterface Props {\n  /** 唯一标志 */\n  index?: string;\n  /** Vue Router 路径对象 */\n  route?: RouteLocationRaw;\n  /** 是否禁用 */\n  disabled?: boolean;\n  icon?: IconProps;\n  title?: string;\n  isAloneUse?: boolean;\n  divider?: boolean;\n  className?: string\n  reverse?: boolean\n}\n\ndefineProps({\n  \"index\": null,\n  \"route\": null,\n  \"disabled\": { type: Boolean,  },\n  \"icon\": null,\n  \"title\": null,\n  \"isAloneUse\": { type: Boolean,  },\n  \"divider\": { type: Boolean,  },\n  \"className\": null,\n  \"reverse\": { type: Boolean,  }\n})\n\n\n\nconst emit = defineEmits(['click']);\n\n;\n\nconst instance = getCurrentInstance()!;\n\nconst nsMenu = useNamespace('menu');\n\nconst nsMenuItem = useNamespace('menu-item');\n\n// 获取来自 menu.vue 中注入的数据\nconst rootMenu = !__props.isAloneUse ? inject<MenuProvider>('rootMenu') : null;\nif (!rootMenu && !__props.isAloneUse) throwError(ns.b(), 'can not inject root menu');\n\n// indexPath：当前 menu-item 对应的 index 和 vft-sub-menu 的 index，parentMenu 为 vft-sub-menu 组件\nconst { parentMenu, indexPath } = useMenu(\n  instance,\n  computed(() => __props.index!)\n);\n\n// 注入来自 sub-menu 中的 provide 数据\nconst subMenu = !__props.isAloneUse ? inject<SubMenuProvider>(`subMenu:${parentMenu.value.uid}`) : null;\nif (!subMenu && !__props.isAloneUse) throwError(ns.b(), 'can not inject sub menu');\n\n// 当前是否为 active\nconst active = computed(() => __props.index === rootMenu?.activeIndex);\n\nconst item: MenuItemRegistered = reactive({\n  index: __props.index!,\n  indexPath,\n  active\n});\n\n// 点击具体菜单项\nconst handleClick = () => {\n  if (!__props.disabled) {\n    rootMenu?.handleMenuItemClick({\n      index: __props.index!,\n      indexPath: indexPath.value,\n      route: __props.route\n    });\n    emit('click', item);\n  }\n};\n\nconst _icon = computed(() => {\n  return singleAttrToObj(__props.icon, 'icon') as IconProps;\n});\n\nconst title = computed(() => {\n  return renderTNode(instance, 'title');\n});\n\nonMounted(() => {\n  if (!__props.isAloneUse) {\n    // 触发 sub-menu,vue 中的 addSubMenu\n    subMenu?.addSubMenu(item);\n    // 触发 menu.vue 中的 addMenuItem 更新 items\n    rootMenu?.addMenuItem(item);\n  }\n});\n\nonBeforeUnmount(() => {\n  if (!__props.isAloneUse) {\n    subMenu?.removeSubMenu(item);\n    rootMenu?.removeMenuItem(item);\n  }\n});\n</script>\n\n<template>\n  <vft-divider v-if=\"reverse && divider\" marginY=\"0\" />\n  <li :class=\"[className, nsMenuItem.b(), nsMenuItem.is('active', isAloneUse ? false : active), nsMenuItem.is('disabled', disabled)]\" role=\"menuitem\" tabindex=\"-1\" @click=\"handleClick\">\n    <tooltip\n      v-if=\"parentMenu?.type?.name === 'vft-menu' && rootMenu?.props.collapse && $slots.title\"\n      placement=\"right\" :fallback-placements=\"['left']\" persistent>\n      <template #content>\n        <slot name=\"title\" />\n      </template>\n      <div :class=\"nsMenu.be('tooltip', 'trigger')\">\n        <slot />\n      </div>\n    </tooltip>\n    <template v-else>\n      <slot v-if=\"$slots?.default\"/>\n      <template v-else>\n        <Icon v-if=\"_icon?.icon\" v-bind=\"_icon\" />\n        <span :title=\"title\"><v-node :content=\"title\" /></span>\n      </template>\n    </template>\n  </li>\n  <vft-divider v-if=\"!reverse && divider\" marginY=\"0\" />\n</template>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent","instance","getCurrentInstance","nsMenu","nsMenuItem","rootMenu","__props","inject","throwError","parentMenu","indexPath","useMenu","computed","subMenu","active","item","reactive","handleClick","emit","_icon","singleAttrToObj","title","renderTNode","onMounted","onBeforeUnmount"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBACMA;AAAA;AAAA,EAAuBC,EAAa,WAAW;AAAA,GAGrDC,IAA6BC,EAAmB;AAAA,EAC9C,MAAMH,EAAG,EAAE;AACb,CAAC;;;;;;;;;;;;;;;AA6CD,UAAMI,IAAWC,KAEXC,IAASL,EAAa,MAAM,GAE5BM,IAAaN,EAAa,WAAW,GAGrCO,IAAYC,EAAQ,aAAgD,OAAnCC,EAAqB,UAAU;AAClE,IAAA,CAACF,KAAY,CAACC,EAAQ,cAAuBE,EAAAX,EAAG,EAAE,GAAG,0BAA0B;AAG7E,UAAA,EAAE,YAAAY,GAAY,WAAAC,EAAA,IAAcC;AAAA,MAChCV;AAAA,MACAW,EAAS,MAAMN,EAAQ,KAAM;AAAA,IAAA,GAIzBO,IAAWP,EAAQ,aAA0E,OAA7DC,EAAwB,WAAWE,EAAW,MAAM,KAAK;AAC3F,IAAA,CAACI,KAAW,CAACP,EAAQ,cAAuBE,EAAAX,EAAG,EAAE,GAAG,yBAAyB;AAGjF,UAAMiB,IAASF,EAAS,MAAMN,EAAQ,WAAUD,KAAA,gBAAAA,EAAU,YAAW,GAE/DU,IAA2BC,EAAS;AAAA,MACxC,OAAOV,EAAQ;AAAA,MACf,WAAAI;AAAA,MACA,QAAAI;AAAA,IAAA,CACD,GAGKG,IAAc,MAAM;AACpB,MAACX,EAAQ,aACXD,KAAA,QAAAA,EAAU,oBAAoB;AAAA,QAC5B,OAAOC,EAAQ;AAAA,QACf,WAAWI,EAAU;AAAA,QACrB,OAAOJ,EAAQ;AAAA,MAAA,IAEjBY,EAAK,SAASH,CAAI;AAAA,IACpB,GAGII,IAAQP,EAAS,MACdQ,EAAgBd,EAAQ,MAAM,MAAM,CAC5C,GAEKe,IAAQT,EAAS,MACdU,EAAYrB,GAAU,OAAO,CACrC;AAED,WAAAsB,EAAU,MAAM;AACV,MAACjB,EAAQ,eAEXO,KAAA,QAAAA,EAAS,WAAWE,IAEpBV,KAAA,QAAAA,EAAU,YAAYU;AAAA,IACxB,CACD,GAEDS,EAAgB,MAAM;AAChB,MAAClB,EAAQ,eACXO,KAAA,QAAAA,EAAS,cAAcE,IACvBV,KAAA,QAAAA,EAAU,eAAeU;AAAA,IAC3B,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/menu/menu.vue.d.ts

@@ -21,7 +21,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     menuTrigger: {
-        type: __PropType<"hover" | "click" | undefined>;
+        type: __PropType<"click" | "hover" | undefined>;
         required: false;
     };
     collapse: {
@@ -52,7 +52,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     open: (index: string) => void;
     close: (index: string, indexPath: string[]) => void;
     handleResize: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "select")[], "close" | "open" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "select" | "open")[], "close" | "select" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
         type: __PropType<"horizontal" | "vertical" | undefined>;
         required: false;
@@ -74,7 +74,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
     };
     menuTrigger: {
-        type: __PropType<"hover" | "click" | undefined>;
+        type: __PropType<"click" | "hover" | undefined>;
         required: false;
     };
     collapse: {
@@ -103,7 +103,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     };
 }>> & {
     onClose?: ((...args: any[]) => any) | undefined;
-    onOpen?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
 }, {}>;
 export default _sfc_main;

package/es/components/menu/sub-menu.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as Z, getCurrentInstance as Y, computed as n, inject as D, ref as x, reactive as _, watch as ee, provide as oe, onMounted as te, onBeforeUnmount as ne, useSlots as le, h as r, Fragment as ae, withDirectives as re, vShow as ue } from "vue";
+import { defineComponent as Z, getCurrentInstance as Y, computed as n, inject as D, ref as x, reactive as _, watch as ee, provide as oe, onMounted as te, onBeforeUnmount as ne, useSlots as le, h as a, Fragment as re, withDirectives as ae, vShow as ue } from "vue";
 import "../divider/index.mjs";
 import { VftIcon as H } from "../icon/index.mjs";
 import "../avatar/index.mjs";
@@ -7,8 +7,8 @@ import "../result/index.mjs";
 import "../exception/index.mjs";
 import "../tabs/index.mjs";
 import "../popper/index.mjs";
-import { VftCollapseTransition as se } from "../collapse-transition/index.mjs";
-import { VftTooltip as ie } from "../tooltip/index.mjs";
+import { VftCollapseTransition as ie } from "../collapse-transition/index.mjs";
+import { VftTooltip as se } from "../tooltip/index.mjs";
 import "../popover/index.mjs";
 import "./index.mjs";
 import { singleAttrToObj as pe, renderTNode as ce } from "@vft/utils";
@@ -19,6 +19,21 @@ import "../footer-layout/index.mjs";
 import "../iframe-layout/index.mjs";
 import "../router-view-content/index.mjs";
 import "../logo/index.mjs";
+import "../back-top/index.mjs";
+import "../config-provider/index.mjs";
+import "../descriptions/index.mjs";
+import "../full-screen/index.mjs";
+import "../icon-text/index.mjs";
+import "../image/index.mjs";
+import "../input/index.mjs";
+import "../link/index.mjs";
+import "../pagination/index.mjs";
+import "../tag/index.mjs";
+import "../side-menu/index.mjs";
+import "../qrcode/index.mjs";
+import "../overlay/index.mjs";
+import "../clamp/index.mjs";
+import "../clamp-toggle/index.mjs";
 import { useNamespace as I } from "../../hooks/use-namespace/index.mjs";
 import "@popperjs/core";
 import "lodash";
@@ -26,14 +41,14 @@ import "../../hooks/use-z-index/index.mjs";
 import { useTimeoutFn as L } from "@vueuse/core";
 import "@vue/shared";
 import { throwError as U } from "../../utils/error.mjs";
-import de from "./use-menu.mjs";
-import { useMenuCssVar as me } from "./use-menu-css-var.mjs";
+import me from "./use-menu.mjs";
+import { useMenuCssVar as de } from "./use-menu-css-var.mjs";
 const S = (
   /* hoist-static*/
   I("sub-menu")
 ), ve = Z({
   name: S.b()
-}), qe = /* @__PURE__ */ Z({
+}), ao = /* @__PURE__ */ Z({
   ...ve,
   props: {
     index: null,
@@ -74,29 +89,29 @@ const S = (
     const v = Y(), {
       indexPath: h,
       parentMenu: z
-    } = de(v, n(() => o.index)), s = I("menu"), i = I("sub-menu"), e = D("rootMenu");
+    } = me(v, n(() => o.index)), i = I("menu"), s = I("sub-menu"), e = D("rootMenu");
     e || U(S.b(), "can not inject root menu");
     const u = D(`subMenu:${z.value.uid}`);
     u || U(S.b(), "can not inject sub menu");
     const T = x({});
     let p;
-    const B = x(!1), G = x(), A = x(null), P = n(() => d.value === "horizontal" && M.value ? "bottom-start" : "right-start"), M = n(() => u.level === 0), w = n(() => o.popperAppendToBody === void 0 ? M.value : Boolean(o.popperAppendToBody)), J = n(() => e.props.collapse ? `${s.namespace.value}-zoom-in-left` : `${s.namespace.value}-zoom-in-top`), K = n(() => d.value === "horizontal" && M.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = n(() => e.openedMenus.includes(o.index)), f = n(() => {
+    const B = x(!1), G = x(), A = x(null), P = n(() => m.value === "horizontal" && M.value ? "bottom-start" : "right-start"), M = n(() => u.level === 0), w = n(() => o.popperAppendToBody === void 0 ? M.value : Boolean(o.popperAppendToBody)), J = n(() => e.props.collapse ? `${i.namespace.value}-zoom-in-left` : `${i.namespace.value}-zoom-in-top`), K = n(() => m.value === "horizontal" && M.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = n(() => e.openedMenus.includes(o.index)), f = n(() => {
       let t = !1;
-      return Object.values(T.value).forEach((a) => {
-        a.active && (t = !0);
+      return Object.values(T.value).forEach((r) => {
+        r.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
-    }), j = n(() => e.props.backgroundColor || ""), E = n(() => e.props.activeTextColor || ""), F = n(() => e.props.textColor || ""), d = n(() => e.props.mode), C = _({
+    }), j = n(() => e.props.backgroundColor || ""), E = n(() => e.props.activeTextColor || ""), F = n(() => e.props.textColor || ""), m = n(() => e.props.mode), C = _({
       index: o.index,
       indexPath: h,
       active: f
-    }), $ = n(() => d.value !== "horizontal" ? {
+    }), $ = n(() => m.value !== "horizontal" ? {
       color: F.value
     } : {
       borderBottomColor: f.value ? e.props.activeTextColor ? E.value : "" : "transparent",
       color: f.value ? E.value : F.value
     }), Q = () => {
-      var t, a, l;
-      return (l = (a = (t = A.value) == null ? void 0 : t.popperRef) == null ? void 0 : a.popperInstanceRef) == null ? void 0 : l.destroy();
+      var t, r, l;
+      return (l = (r = (t = A.value) == null ? void 0 : t.popperRef) == null ? void 0 : r.popperInstanceRef) == null ? void 0 : l.destroy();
     }, W = (t) => {
       t || Q();
     }, O = () => {
@@ -105,29 +120,29 @@ const S = (
         indexPath: h.value,
         active: f.value
       });
-    }, g = (t, a = o.showTimeout) => {
+    }, g = (t, r = o.showTimeout) => {
       var l;
       t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (u.mouseInChild.value = !0, p == null || p(), {
         stop: p
       } = L(() => {
         e.openMenu(o.index, h.value);
-      }, a), w.value && ((l = z.value.vnode.el) == null || l.dispatchEvent(new MouseEvent("mouseenter")))));
+      }, r), w.value && ((l = z.value.vnode.el) == null || l.dispatchEvent(new MouseEvent("mouseenter")))));
     }, y = (t = !1) => {
-      var a, l;
+      var r, l;
       e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (p == null || p(), u.mouseInChild.value = !1, {
         stop: p
-      } = L(() => !B.value && e.closeMenu(o.index, h.value), o.hideTimeout), w.value && t && ((a = v.parent) == null ? void 0 : a.type.name) === "vft-sub-menu" && ((l = u.handleMouseleave) == null || l.call(u, !0)));
+      } = L(() => !B.value && e.closeMenu(o.index, h.value), o.hideTimeout), w.value && t && ((r = v.parent) == null ? void 0 : r.type.name) === "vft-sub-menu" && ((l = u.handleMouseleave) == null || l.call(u, !0)));
     };
     ee(() => e.props.collapse, (t) => W(Boolean(t)));
     {
       const t = (l) => {
         T.value[l.index] = l;
-      }, a = (l) => {
+      }, r = (l) => {
         delete T.value[l.index];
       };
       oe(`subMenu:${v.uid}`, {
         addSubMenu: t,
-        removeSubMenu: a,
+        removeSubMenu: r,
         handleMouseleave: y,
         mouseInChild: B,
         level: u.level + 1
@@ -140,7 +155,7 @@ const S = (
     }), ne(() => {
       u.removeSubMenu(C), e.removeSubMenu(C);
     });
-    const m = le(), X = n(() => d.value === "horizontal" && M.value || d.value === "vertical" && !e.props.collapse ? {
+    const d = le(), X = n(() => m.value === "horizontal" && M.value || m.value === "vertical" && !e.props.collapse ? {
       icon: "vi-arrow-down",
       size: 20,
       ...o.expandIcon
@@ -151,18 +166,18 @@ const S = (
     }), V = n(() => pe(o.icon, "icon")), N = n(() => ce(v, "title"));
     return () => {
       var R;
-      const t = [(R = V.value) != null && R.icon ? r(H, {
+      const t = [(R = V.value) != null && R.icon ? a(H, {
         ...V.value
-      }) : null, r("span", {
-        class: o.showArrow ? i.e("text") : "",
+      }) : null, a("span", {
+        class: o.showArrow ? s.e("text") : "",
         title: v.props.title
-      }, N.value), o.showArrow ? r(H, {
-        class: i.e("icon-arrow"),
+      }, N.value), o.showArrow ? a(H, {
+        class: s.e("icon-arrow"),
         ...X.value,
         style: {
           transform: c.value ? "rotateZ(180deg)" : "none"
         }
-      }) : !1], a = me(e.props, u.level + 1), l = e.isMenuPopup ? r(ie, {
+      }) : !1], r = de(e.props, u.level + 1), l = e.isMenuPopup ? a(se, {
         ref: A,
         visible: c.value,
         effect: "light",
@@ -180,18 +195,18 @@ const S = (
       }, {
         content: () => {
           var b;
-          return r("div", {
-            class: [s.m(d.value), s.m("popup-container"), o.popperClass],
+          return a("div", {
+            class: [i.m(m.value), i.m("popup-container"), o.popperClass],
             onMouseenter: (k) => g(k, 100),
             onMouseleave: () => y(!0),
             onFocus: (k) => g(k, 100)
-          }, [r("ul", {
-            class: [s.b(), s.m("popup"), s.m(`popup-${P.value}`)],
-            style: a.value
-          }, [(b = m.default) == null ? void 0 : b.call(m)])]);
+          }, [a("ul", {
+            class: [i.b(), i.m("popup"), i.m(`popup-${P.value}`)],
+            style: r.value
+          }, [(b = d.default) == null ? void 0 : b.call(d)])]);
         },
-        default: () => r("div", {
-          class: i.e("title"),
+        default: () => a("div", {
+          class: s.e("title"),
           style: [$.value, {
             backgroundColor: j.value
           }],
@@ -203,26 +218,26 @@ const S = (
          *
          *  以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
          */
-        r(ae, {}, [N.value ? r("div", {
-          class: i.e("title"),
+        a(re, {}, [N.value ? a("div", {
+          class: s.e("title"),
           style: [$.value, {
             backgroundColor: j.value
           }],
           ref: G,
           onClick: O
-        }, t) : null, r(se, {}, {
+        }, t) : null, a(ie, {}, {
           default: () => {
             var b;
-            return re(r("ul", {
+            return ae(a("ul", {
               role: "menu",
-              class: [s.b(), s.m("inline")],
-              style: a.value
-            }, [(b = m.default) == null ? void 0 : b.call(m)]), [[ue, c.value]]);
+              class: [i.b(), i.m("inline")],
+              style: r.value
+            }, [(b = d.default) == null ? void 0 : b.call(d)]), [[ue, c.value]]);
           }
         })])
       );
-      return r("li", {
-        class: [i.b(), i.is("active", f.value), i.is("opened", c.value), i.is("disabled", o.disabled)],
+      return a("li", {
+        class: [s.b(), s.is("active", f.value), s.is("opened", c.value), s.is("disabled", o.disabled)],
         role: "menuitem",
         ariaHaspopup: !0,
         ariaExpanded: c.value,
@@ -234,6 +249,6 @@ const S = (
   }
 });
 export {
-  qe as default
+  ao as default
 };
 //# sourceMappingURL=sub-menu.vue2.mjs.map