vft 0.0.70 → 0.0.72

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";

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

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

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

@@ -7,14 +7,12 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import { singleAttrToObj as j, addUnit as f, removeUnit as N } from "@vft/utils";
 import { generateCssVars as E } from "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 const g = (
   /* hoist-static*/
   b("icon-text")
 ), T = y({
   name: g.b()
-}), G = /* @__PURE__ */ y({
+}), q = /* @__PURE__ */ y({
   ...T,
   props: {
     text: null,
@@ -56,5 +54,5 @@ const g = (
   }
 });
 export {
-  G as default
+  q as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as m, openBlock as e, createElementBlock as o, Fragment as a, renderList as f, withDirectives as p, createBlock as l, vShow as i, createCommentVNode as s, unref as _ } from "vue";
+import { defineComponent as m, openBlock as e, createElementBlock as o, Fragment as a, renderList as f, withDirectives as l, createBlock as p, vShow as s, createCommentVNode as i, unref as _ } from "vue";
 import { useNamespace as h } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -6,8 +6,6 @@ import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import d from "./iframe-page.vue2.js";
 import { useRouter as k } from "vue-router";
 const P = (
@@ -15,7 +13,7 @@ const P = (
   h("iframe-layout")
 ), S = m({
   name: P.b()
-}), F = /* @__PURE__ */ m({
+}), D = /* @__PURE__ */ m({
   ...S,
   props: {
     iframePages: null
@@ -28,15 +26,15 @@ const P = (
     return (t, y) => (e(!0), o(a, null, f(n.iframePages, (r) => (e(), o(a, {
       key: r.query ? r.fullPath : r.path
     }, [
-      r.meta.frameSrc ? p((e(), l(d, {
+      r.meta.frameSrc ? l((e(), p(d, {
         key: 0,
         frameSrc: r.meta.frameSrc
       }, null, 8, ["frameSrc"])), [
-        [i, c(r)]
-      ]) : s("", !0)
+        [s, c(r)]
+      ]) : i("", !0)
     ], 64))), 128));
   }
 });
 export {
-  F as default
+  D as default
 };

package/es/components/iframe-layout/iframe-page.vue2.js

@@ -1,30 +1,28 @@
-import { defineComponent as r, openBlock as o, createElementBlock as m, normalizeClass as a, unref as p } from "vue";
-import { useNamespace as s } from "../../hooks/use-namespace/index.js";
+import { defineComponent as e, openBlock as o, createElementBlock as m, normalizeClass as a, unref as s } from "vue";
+import { useNamespace as c } 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 "@vue/reactivity";
-import "@vue/shared";
-const c = ["src"], e = (
+const n = ["src"], r = (
   /* hoist-static*/
-  s("iframe-page")
-), n = r({
-  name: e.b()
-}), S = /* @__PURE__ */ r({
-  ...n,
+  c("iframe-page")
+), p = e({
+  name: r.b()
+}), B = /* @__PURE__ */ e({
+  ...p,
   props: {
     frameSrc: { default: "" }
   },
   setup(t) {
     return (i, f) => (o(), m("iframe", {
-      class: a(p(e).b()),
+      class: a(s(r).b()),
       src: t.frameSrc
-    }, null, 10, c));
+    }, null, 10, n));
   }
 });
 export {
-  S as default
+  B as default
 };

package/es/components/image/image.vue2.js

@@ -6,8 +6,6 @@ import "lodash";
 import "../../hooks/use-z-index/index.js";
 import { isInContainer as te, isElement as le, isString as ne, getScrollContainer as ae } from "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { useAttrs as re } from "@vft/use";
 import { VftImageViewer as ie } from "../image-viewer/index.js";
 const oe = ["src", "loading"], se = { key: 0 }, a = (
@@ -16,7 +14,7 @@ const oe = ["src", "loading"], se = { key: 0 }, a = (
 ), ue = b({
   inheritAttrs: !1,
   name: a.b()
-}), Se = /* @__PURE__ */ b({
+}), Ce = /* @__PURE__ */ b({
   ...ue,
   props: {
     hideOnClickModal: { type: Boolean, default: !1 },
@@ -49,19 +47,19 @@ const oe = ["src", "loading"], se = { key: 0 }, a = (
     function P(t) {
       i.value = !1, r.value = !0, c("error", t);
     }
-    function p() {
+    function E() {
       te(m.value, n.value) && (C(), B());
     }
-    const E = _(p, 200);
-    async function x() {
+    const x = _(E, 200);
+    async function p() {
       v && (await W(), le(e.scrollContainer) ? n.value = e.scrollContainer : ne(e.scrollContainer) && e.scrollContainer !== "" ? n.value = document.querySelector(e.scrollContainer) ?? void 0 : m.value && (n.value = ae(m.value)), n.value && (y = V(
         n,
         "scroll",
-        E
-      ), setTimeout(() => p(), 100)));
+        x
+      ), setTimeout(() => E(), 100)));
     }
     function B() {
-      !v || !n.value || !E || (y == null || y(), n.value = void 0);
+      !v || !n.value || !x || (y == null || y(), n.value = void 0);
     }
     function D(t) {
       if (t.ctrlKey) {
@@ -85,10 +83,10 @@ const oe = ["src", "loading"], se = { key: 0 }, a = (
     return R(
       () => e.src,
       () => {
-        I.value ? (i.value = !0, r.value = !1, B(), x()) : C();
+        I.value ? (i.value = !0, r.value = !1, B(), p()) : C();
       }
     ), G(() => {
-      I.value ? x() : C();
+      I.value ? p() : C();
     }), (t, ce) => (s(), f("div", {
       ref_key: "container",
       ref: m,
@@ -149,5 +147,5 @@ const oe = ["src", "loading"], se = { key: 0 }, a = (
   }
 });
 export {
-  Se as default
+  Ce as default
 };

package/es/components/image-viewer/image-viewer.vue2.js

@@ -6,8 +6,6 @@ import "@popperjs/core";
 import { useZIndex as ve } from "../../hooks/use-z-index/index.js";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
 import { EVENT_CODE as w } from "@vft/constants";
 import { VftIcon as v } from "../icon/index.js";
 const ke = ["src"], s = (
@@ -15,7 +13,7 @@ const ke = ["src"], s = (
   me("image-viewer")
 ), be = Z({
   name: s.b()
-}), Xe = /* @__PURE__ */ Z({
+}), Ee = /* @__PURE__ */ Z({
   ...be,
   props: {
     urlList: { default: [] },
@@ -292,5 +290,5 @@ const ke = ["src"], s = (
   }
 });
 export {
-  Xe as default
+  Ee as default
 };