vft 0.0.71 → 0.0.72

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

@@ -1,51 +1,136 @@
-import { defineComponent as a, computed as i, openBlock as p, createElementBlock as c, normalizeClass as t, unref as o, createElementVNode as s, createVNode as d, normalizeProps as f, guardReactiveProps as u, renderSlot as l } from "vue";
-import { useNamespace as g } from "../../hooks/use-namespace/index.js";
+import { defineComponent as c, openBlock as r, createBlock as s, unref as t, normalizeClass as l, withCtx as i, createVNode as n, createElementVNode as d, createElementBlock as f, normalizeProps as u, mergeProps as g, createCommentVNode as m, renderSlot as a } from "vue";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import { VftLogo as v } from "../logo/index.js";
-const e = (
+import { VftLogo as C } from "../logo/index.js";
+import "../divider/index.js";
+import "../icon/index.js";
+import "../avatar/index.js";
+import "../empty/index.js";
+import "../result/index.js";
+import "../tabs/index.js";
+import "../popper/index.js";
+import "../collapse-transition/index.js";
+import "../tooltip/index.js";
+import "../popover/index.js";
+import "../menu/index.js";
+import "../context-menu/context-menu.vue2.js";
+import "../multiple-tabs/index.js";
+import "./index.js";
+import "../footer-layout/index.js";
+import "../iframe-layout/index.js";
+import "../router-view-content/index.js";
+import "../back-top/index.js";
+import { VftHeader as V, VftContainer as _, VftMain as k, VftFooter as $ } from "../container/index.js";
+import "../config-provider/index.js";
+import "../descriptions/index.js";
+import "../full-screen/index.js";
+import "../icon-text/index.js";
+import "../image/index.js";
+import "../input/index.js";
+import "../link/index.js";
+import "../pagination/index.js";
+import "../tag/index.js";
+import "../side-menu/index.js";
+import "../qrcode/index.js";
+import "../overlay/index.js";
+import "../clamp/index.js";
+import "../clamp-toggle/index.js";
+import "../page-wrapper/index.js";
+import "../exception/index.js";
+import "../search/index.js";
+import "../form/index.js";
+import "../button/index.js";
+import "../checkbox/index.js";
+import "../radio/index.js";
+import "../switch/index.js";
+import "../color-picker/index.js";
+import "../scrollbar/index.js";
+import "../dropdown/index.js";
+import "../virtual-list/components/fixed-size-list.js";
+import "../virtual-list/components/dynamic-size-list.js";
+import "../virtual-list/components/fixed-size-grid.js";
+import "../virtual-list/components/dynamic-size-grid.js";
+import "../virtual-list/props.js";
+import "../select-v2/index.js";
+import "../verify-code/index.js";
+import "../table/index.js";
+import "../image-viewer/index.js";
+import "../list-cell/index.js";
+import "../dialog/index.js";
+import "../date-time-select/index.js";
+import "../col/index.js";
+import "../row/index.js";
+import "../horizontal-menu/index.js";
+import "../time-picker/index.js";
+import "../date-picker/index.js";
+import "../md-container/index.js";
+import "../md-comment/index.js";
+import "../md-tabs/index.js";
+import "../md-vue-playground/index.js";
+import "../md-code-demo/index.js";
+import "../md-code-tabs/index.js";
+import "../message/index.js";
+const y = { class: "content" }, b = {
+  key: 0,
+  class: "left"
+}, N = {
+  key: 1,
+  class: "right"
+}, p = (
   /* hoist-static*/
-  g("header-layout")
-), C = a({
-  name: e.b()
-}), P = /* @__PURE__ */ a({
-  ...C,
+  h("header-layout")
+), v = c({
+  name: p.b()
+}), Xt = /* @__PURE__ */ c({
+  ...v,
   props: {
     logoCfg: null
   },
-  setup(m) {
-    const n = i(() => [
-      e.b(),
-      {
-        [`${e.m("fixed")}`]: !0
-      }
-    ]);
-    return (r, _) => (p(), c("div", {
-      class: t(o(n))
-    }, [
-      s("div", {
-        class: t(o(e).e("top"))
-      }, [
-        s("div", {
-          class: t(o(e).e("left"))
-        }, [
-          d(o(v), f(u(m.logoCfg)), null, 16),
-          l(r.$slots, "left")
-        ], 2),
-        s("div", {
-          class: t(o(e).e("right"))
-        }, [
-          l(r.$slots, "default")
-        ], 2)
-      ], 2),
-      l(r.$slots, "bottom")
-    ], 2));
+  setup(e) {
+    return (o, B) => (r(), s(t(V), {
+      class: l(t(p).b())
+    }, {
+      default: i(() => [
+        n(t(_), null, {
+          default: i(() => [
+            n(t(k), {
+              class: l(t(p).e("top-container"))
+            }, {
+              default: i(() => [
+                d("div", y, [
+                  e.logoCfg || o.$slots.left ? (r(), f("div", b, [
+                    e.logoCfg ? (r(), s(t(C), u(g({ key: 0 }, e.logoCfg)), null, 16)) : m("", !0),
+                    a(o.$slots, "left")
+                  ])) : m("", !0),
+                  o.$slots.right ? (r(), f("div", N, [
+                    a(o.$slots, "right")
+                  ])) : m("", !0)
+                ])
+              ]),
+              _: 3
+            }, 8, ["class"]),
+            o.$slots.bottom ? (r(), s(t($), {
+              key: 0,
+              class: l(t(p).e("footer"))
+            }, {
+              default: i(() => [
+                a(o.$slots, "bottom")
+              ]),
+              _: 3
+            }, 8, ["class"])) : m("", !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["class"]));
   }
 });
 export {
-  P as default
+  Xt as default
 };

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

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

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

@@ -0,0 +1,115 @@
+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 "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useRouterHelper as S } from "@vft/router";
+const w = (
+  /* hoist-static*/
+  L("horizontal-menu")
+), z = v({
+  name: w.b()
+}), G = /* @__PURE__ */ v({
+  ...z,
+  props: {
+    menus: null,
+    showDir: {
+      type: Boolean,
+      default: !0
+    },
+    attrMapping: null,
+    maxRowLength: {
+      type: [Boolean, Number],
+      default: 8
+    },
+    dirItemOrder: {
+      default: [[0], [1], [2], [3, 4], [5, 6], [7, 8]]
+    }
+  },
+  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;
+      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)`
+      };
+    }), u = i(() => ({
+      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, {
+      mode: "horizontal",
+      class: w.b(),
+      style: y
+    }, {
+      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]
+          });
+        })];
+      }
+    });
+  }
+});
+export {
+  G as default
+};

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

@@ -0,0 +1,12 @@
+import { withInstall as t } 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);
+export {
+  l as VftHorizontalMenu,
+  l as default
+};

package/es/components/horizontal-menu/style/css.js

@@ -0,0 +1,6 @@
+import "vft/theme-style/base.css";
+import "vft/theme-style/vft-menu.css";
+import "vft/theme-style/vft-menu-item.css";
+import "vft/theme-style/vft-menu-item-group.css";
+import "vft/theme-style/vft-sub-menu.css";
+import "vft/theme-style/vft-horizontal-menu.css";

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

@@ -0,0 +1,6 @@
+import "vft/theme-style/src/base.scss";
+import "vft/theme-style/src/menu.scss";
+import "vft/theme-style/src/sub-menu.scss";
+import "vft/theme-style/src/menu-item.scss";
+import "vft/theme-style/src/menu-item-group.scss";
+import "vft/theme-style/src/horizontal-menu.scss";