vft 0.0.73 → 0.0.76

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

@@ -1,115 +1,182 @@
-import { defineComponent as v, computed as i, getCurrentInstance as N, createVNode as l } from "vue";
-import "@vft/utils";
-import "lodash";
-import "@vueuse/core";
-import { generateCssVars as D } from "../../utils/ns-cover.js";
-import { VftMenu as V, VftSubMenu as R, VftMenuItem as b } from "../menu/index.js";
-import { useNamespace as L } from "../../hooks/use-namespace/index.js";
+import { defineComponent as B, computed as w, getCurrentInstance as G, useSlots as K, ref as Q, createVNode as v, mergeProps as J } from "vue";
+import { VftMenu as W, VftSubMenu as X, VftMenuItem as Y } from "../menu/index.js";
+import { useNamespace as Z } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
+import "lodash";
 import "../../hooks/use-z-index/index.js";
-import { useRouterHelper as S } from "@vft/router";
-const w = (
+import "@vueuse/core";
+import { isUrl as _ } from "@vft/utils";
+import "../../utils/ns-cover.js";
+import { useRouterHelper as A } from "@vft/router";
+import { MenuTypeEnum as ee } from "./constants.js";
+const y = (
   /* hoist-static*/
-  L("horizontal-menu")
-), z = v({
-  name: w.b()
-}), G = /* @__PURE__ */ v({
-  ...z,
+  Z("horizontal-menu")
+), ne = B({
+  name: y.b()
+}), ge = /* @__PURE__ */ B({
+  ...ne,
   props: {
     menus: null,
-    showDir: {
+    attrMapping: null,
+    openDisabled: {
       type: Boolean,
-      default: !0
+      default: !1
+    },
+    disabledJudgeTurnOver: {
+      type: Boolean,
+      default: !1
+    },
+    subMenuCfg: {
+      default: {}
+    },
+    useRouterJump: {
+      type: Boolean,
+      default: !1
     },
-    attrMapping: null,
     maxRowLength: {
       type: [Boolean, Number],
       default: 8
     },
-    dirItemOrder: {
-      default: [[0], [1], [2], [3, 4], [5, 6], [7, 8]]
-    }
+    defaultActive: null,
+    defaultOpeneds: null
   },
-  setup(e) {
-    const y = D({
-      "border-bottom": "none",
-      "bg-color": "transparent",
-      "sub-menu-bg-color": "transparent",
-      "hover-bg-color": "transparent"
-    }, "menu"), C = i(() => (r) => {
-      var n, t, o, s, c, a;
+  emits: ["open", "close"],
+  setup(o, {
+    expose: L,
+    emit: I
+  }) {
+    const z = w(() => (e, t) => {
+      var u, d, r, n;
       return {
-        "grid-template-rows": `repeat(${Math.min(((o = (t = (n = e.menus) == null ? void 0 : n[r]) == null ? void 0 : t.children) == null ? void 0 : o.length) || 0, Number(e.maxRowLength ? e.maxRowLength : (a = (c = (s = e.menus) == null ? void 0 : s[r]) == null ? void 0 : c.children) == null ? void 0 : a.length))}, auto)`
+        "grid-template-rows": `repeat(${Math.min(((d = (u = e == null ? void 0 : e[t]) == null ? void 0 : u[l.value.children]) == null ? void 0 : d.length) || 0, Number(o.maxRowLength ? o.maxRowLength : (n = (r = e == null ? void 0 : e[t]) == null ? void 0 : r[l.value.children]) == null ? void 0 : n.length))}, auto)`
       };
-    }), u = i(() => ({
+    }), l = w(() => ({
       path: "path",
       children: "children",
       title: "title",
       index: "path",
       icon: "icon",
       disabled: "disabled",
-      ...e.attrMapping
-    })), M = N().appContext.config.globalProperties.$router, {
-      go: k
-    } = S(M), I = i(() => e.showDir ? [{
-      title: "目录"
-    }].concat(e.menus) : e.menus), m = (r) => {
-      k(r.path);
-    }, d = (r, n) => n.map((t, o) => l(b, {
-      key: o,
-      index: r ? "parentId" + t.title : t.title,
-      className: "item",
-      onClick: () => m(t)
-    }, {
-      default: () => [t == null ? void 0 : t.title]
-    }));
-    return () => l(V, {
+      ...o.attrMapping
+    })), D = G(), p = K(), S = Q(), x = D.appContext.config.globalProperties.$router, {
+      go: P
+    } = A(x), E = (e) => {
+      const t = l.value.path;
+      P(e[t]);
+    }, O = (e, t, u) => {
+      const d = e[l.value.path], r = e[l.value.title], n = e == null ? void 0 : e[l.value.index], b = e == null ? void 0 : e[l.value.icon], f = !!(e != null && e[l.value.disabled]), s = o.disabledJudgeTurnOver ? !f : f, i = n || d || t + r;
+      return v(Y, J(e, {
+        key: i,
+        index: i,
+        icon: b,
+        title: r,
+        disabled: o.openDisabled && s,
+        className: u ? "vft-menu-popup-item" : "vft-menu-no-popup-item",
+        onClick: () => E(e)
+      }), {
+        default: u ? p.menuTopItem ? () => {
+          var g;
+          return (g = p.menuTopItem) == null ? void 0 : g.call(p, {
+            item: e
+          });
+        } : null : p.menuItem ? () => {
+          var g;
+          return (g = p.menuItem) == null ? void 0 : g.call(p, {
+            item: e
+          });
+        } : null
+      });
+    }, $ = () => {
+      I("open");
+    }, j = () => {
+      I("close");
+    }, R = (e, t, u) => {
+      const d = e[l.value.path], r = e[l.value.title], n = e == null ? void 0 : e[l.value.children], b = e == null ? void 0 : e[l.value.index], f = e == null ? void 0 : e[l.value.icon], s = e == null ? void 0 : e.menuOrder, i = !!(e != null && e[l.value.disabled]), g = o.disabledJudgeTurnOver ? !i : i, C = b || d || t + r, k = e.type === ee.TILE;
+      let T = [];
+      if (k)
+        if (s) {
+          const a = s.flat();
+          if ((a == null ? void 0 : a.length) < n.length) {
+            const M = Math.max.apply(null, a);
+            for (let c = M + 1; c < n.length; c++)
+              s.push([c]);
+          }
+          T = s;
+        } else
+          for (let a = 0; a < n.length; a++)
+            T.push([a]);
+      return n != null && n.length || e != null && e.render ? v(X, J(o.subMenuCfg, e, {
+        index: C,
+        key: C,
+        icon: f,
+        showArrow: e.showArrow ?? !0,
+        disabled: o.openDisabled && g,
+        teleported: !1,
+        "popper-class": [k ? y.e("tile") : "", y.e("normal")]
+      }), {
+        default: () => [e != null && e.render ? e == null ? void 0 : e.render : k ? T.map((a, M) => v("div", {
+          class: "content-main",
+          key: M
+        }, [a.map((c, m) => {
+          var N, V;
+          const h = (N = n == null ? void 0 : n[c]) == null ? void 0 : N[l.value.children];
+          return n != null && n.length ? v("div", {
+            class: "content-col",
+            key: m
+          }, [v("span", {
+            class: h != null && h.length ? "title" : ""
+          }, [(V = n == null ? void 0 : n[c]) == null ? void 0 : V[l.value.title]]), h != null && h.length ? v("div", {
+            class: "content",
+            style: z.value(n, c)
+          }, [h.map((q, F) => O(q, F, !0))]) : null]) : null;
+        })])) : n.map((a, M) => {
+          var c;
+          return (c = a[l.value.children]) != null && c.length ? R(a, M, !0) : O(a, M, !0);
+        })],
+        title: () => r
+      }) : O(e, t, u);
+    };
+    async function H(e) {
+      var t, u, d;
+      if (o.useRouterJump) {
+        const {
+          go: r
+        } = A(x), n = e.route;
+        let b = e.route;
+        e.indexPath.some((s) => _(s)) && (b = e.indexPath.slice(-2).join("/"));
+        const f = (d = (u = (t = x.getRoutes().filter((s) => s.path === b)) == null ? void 0 : t[0]) == null ? void 0 : u.meta) == null ? void 0 : d.linkTarget;
+        r(f ? {
+          url: n,
+          winOpenOpt: {
+            target: f
+          }
+        } : n);
+      }
+    }
+    const U = w(() => {
+      var e;
+      return (e = S.value) == null ? void 0 : e.inSubMenu;
+    });
+    return L({
+      isInSubMenu: U
+    }), () => v(W, {
+      ref: S,
+      onSelect: H,
+      onOpen: $,
+      onClose: j,
       mode: "horizontal",
-      class: w.b(),
-      style: y
+      class: y.b(),
+      defaultActive: o.defaultActive,
+      defaultOpeneds: o.defaultOpeneds
     }, {
       default: () => {
-        var r;
-        return [(r = I.value) == null ? void 0 : r.map((n, t) => {
-          var o;
-          return e.showDir && t === 0 || (o = n[u.value.children]) != null && o.length ? l(R, {
-            key: t,
-            showArrow: !1,
-            index: n[u.value.title],
-            teleported: !1,
-            toolTipCfg: {
-              showArrow: !0
-            },
-            "popper-class": [e.showDir && t === 0 ? "menu-popover-dir" : "", "menu-popover"]
-          }, {
-            default: () => [e.showDir && t === 0 ? e.dirItemOrder.map((s, c) => l("div", {
-              class: "content-main",
-              key: c
-            }, [s.map((a, x) => {
-              var h, f, p, g;
-              return (h = e.menus) != null && h[a] ? l("div", {
-                class: "content-col",
-                key: x
-              }, [l("span", {
-                class: "title"
-              }, [(f = e.menus[a]) == null ? void 0 : f[u.value.title]]), (g = (p = e.menus[a]) == null ? void 0 : p[u.value.children]) != null && g.length ? l("div", {
-                class: "content",
-                style: C.value(a)
-              }, [d(!0, e.menus[a].children)]) : null]) : null;
-            })])) : d(!1, n[u.value.children] || [])],
-            title: () => n[u.value.title]
-          }) : l(b, {
-            className: "item",
-            index: n.title,
-            onClick: () => m(n)
-          }, {
-            default: () => [n.title]
-          });
-        })];
+        var e;
+        return [(e = o.menus) != null && e.length ? o.menus.map((t, u) => R(t, u, !1)) : null];
       }
     });
   }
 });
 export {
-  G as default
+  ge as default
 };

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

@@ -1,12 +1,14 @@
-import { withInstall as t } from "../../utils/vue/install.js";
+import { withInstall as o } from "../../utils/vue/install.js";
 import "vue";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
 import "../../utils/ns-cover.js";
-import o from "./horizontal-menu.vue2.js";
-const l = t(o);
+import t from "./horizontal-menu.vue2.js";
+import { MenuTypeEnum as u } from "./constants.js";
+const a = o(t);
 export {
-  l as VftHorizontalMenu,
-  l as default
+  u as MenuTypeEnum,
+  a as VftHorizontalMenu,
+  a as default
 };