vft 0.0.369 → 0.0.370

package/es/components/menu/menu-collapse-transition.vue.js

@@ -1,15 +1,15 @@
-import _sfc_main from "./menu-collapse-transition.vue2.js";
-import { createBlock, openBlock, Transition, mergeProps, withCtx, renderSlot } from "vue";
-import _export_sfc from "../../_virtual/_plugin-vue_export-helper.js";
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Transition, mergeProps({ mode: "out-in" }, _ctx.listeners), {
-    default: withCtx(() => [
-      renderSlot(_ctx.$slots, "default")
+import o from "./menu-collapse-transition.vue2.js";
+import { createBlock as r, openBlock as t, Transition as n, mergeProps as s, withCtx as i, renderSlot as a } from "vue";
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+function f(e, l, c, m, d, u) {
+  return t(), r(n, s({ mode: "out-in" }, e.listeners), {
+    default: i(() => [
+      a(e.$slots, "default")
     ]),
     _: 3
   }, 16);
 }
-const MenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const k = /* @__PURE__ */ p(o, [["render", f]]);
 export {
-  MenuCollapseTransition as default
+  k as default
 };

package/es/components/menu/menu-collapse-transition.vue2.js

@@ -1,54 +1,34 @@
-import { defineComponent } from "vue";
+import { defineComponent as i } from "vue";
 import "@vueuse/core";
-import { addClass, hasClass, removeClass } from "@vft/utils";
+import { addClass as s, hasClass as r, removeClass as a } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as n } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const _sfc_main = defineComponent({
+const w = i({
   setup() {
-    const ns = useNamespace("menu");
-    const listeners = {
-      onBeforeEnter: (el) => el.style.opacity = "0.2",
-      onEnter(el, done) {
-        addClass(el, `${ns.namespace.value}-opacity-transition`);
-        el.style.opacity = "1";
-        done();
-      },
-      onAfterEnter(el) {
-        removeClass(el, `${ns.namespace.value}-opacity-transition`);
-        el.style.opacity = "";
-      },
-      onBeforeLeave(el) {
-        if (!el.dataset) {
-          el.dataset = {};
-        }
-        if (hasClass(el, ns.m("collapse"))) {
-          removeClass(el, ns.m("collapse"));
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          addClass(el, ns.m("collapse"));
-        } else {
-          addClass(el, ns.m("collapse"));
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          removeClass(el, ns.m("collapse"));
+    const o = n("menu");
+    return {
+      listeners: {
+        onBeforeEnter: (t) => t.style.opacity = "0.2",
+        onEnter(t, e) {
+          s(t, `${o.namespace.value}-opacity-transition`), t.style.opacity = "1", e();
+        },
+        onAfterEnter(t) {
+          a(t, `${o.namespace.value}-opacity-transition`), t.style.opacity = "";
+        },
+        onBeforeLeave(t) {
+          t.dataset || (t.dataset = {}), r(t, o.m("collapse")) ? (a(t, o.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), s(t, o.m("collapse"))) : (s(t, o.m("collapse")), t.dataset.oldOverflow = t.style.overflow, t.dataset.scrollWidth = t.clientWidth.toString(), a(t, o.m("collapse"))), t.style.width = `${t.scrollWidth}px`, t.style.overflow = "hidden";
+        },
+        onLeave(t) {
+          s(t, "horizontal-collapse-transition"), t.style.width = `${t.dataset.scrollWidth}px`;
         }
-        el.style.width = `${el.scrollWidth}px`;
-        el.style.overflow = "hidden";
-      },
-      onLeave(el) {
-        addClass(el, "horizontal-collapse-transition");
-        el.style.width = `${el.dataset.scrollWidth}px`;
       }
     };
-    return {
-      listeners
-    };
   }
 });
 export {
-  _sfc_main as default
+  w as default
 };

package/es/components/menu/menu-item-group.vue.js

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

package/es/components/menu/menu-item-group.vue2.js

@@ -1,40 +1,37 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, renderSlot, Fragment, createTextVNode, toDisplayString } from "vue";
+import { defineComponent as n, createElementBlock as o, openBlock as r, normalizeClass as l, unref as s, createElementVNode as i, renderSlot as m, Fragment as p, createTextVNode as a, toDisplayString as u } from "vue";
 import "@vueuse/core";
 import "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as c } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
-const __default__ = defineComponent({
+const f = n({
   name: "vft-menu-item-group"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+}), S = /* @__PURE__ */ n({
+  ...f,
   props: {
     title: {}
   },
-  setup(__props) {
-    const ns = useNamespace("menu-item-group");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("li", {
-        class: normalizeClass(unref(ns).b())
+  setup(d) {
+    const t = c("menu-item-group");
+    return (e, _) => (r(), o("li", {
+      class: l(s(t).b())
+    }, [
+      i("div", {
+        class: l(s(t).e("title"))
       }, [
-        createElementVNode("div", {
-          class: normalizeClass(unref(ns).e("title"))
-        }, [
-          !_ctx.$slots.title ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            createTextVNode(toDisplayString(_ctx.title), 1)
-          ], 64)) : renderSlot(_ctx.$slots, "title", { key: 1 })
-        ], 2),
-        createElementVNode("ul", null, [
-          renderSlot(_ctx.$slots, "default")
-        ])
-      ], 2);
-    };
+        e.$slots.title ? m(e.$slots, "title", { key: 1 }) : (r(), o(p, { key: 0 }, [
+          a(u(e.title), 1)
+        ], 64))
+      ], 2),
+      i("ul", null, [
+        m(e.$slots, "default")
+      ])
+    ], 2));
   }
 });
 export {
-  _sfc_main as default
+  S as default
 };

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

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

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

@@ -1,25 +1,23 @@
-import { defineComponent, getCurrentInstance, useAttrs, inject, computed, reactive, onMounted, onBeforeUnmount, createElementBlock, openBlock, Fragment, createBlock, createCommentVNode, createElementVNode, unref, normalizeClass, withCtx, renderSlot, normalizeProps, mergeProps, createVNode } from "vue";
-import { singleAttrToObj, renderTNode, VNode } from "@vft/utils";
-import { VftIcon } from "../icon/index.js";
-import { VftDivider } from "../divider/index.js";
-import { VftTooltip } from "../tooltip/index.js";
+import { defineComponent as E, getCurrentInstance as F, useAttrs as O, inject as N, computed as a, reactive as q, onMounted as G, onBeforeUnmount as H, createElementBlock as p, openBlock as o, Fragment as k, createBlock as l, createCommentVNode as m, createElementVNode as b, unref as e, normalizeClass as M, withCtx as $, renderSlot as y, normalizeProps as I, mergeProps as V, createVNode as J } from "vue";
+import { singleAttrToObj as K, renderTNode as L, VNode as Q } from "@vft/utils";
+import { VftIcon as h } from "../icon/index.js";
+import { VftDivider as j } from "../divider/index.js";
+import { VftTooltip as R } from "../tooltip/index.js";
 import "@vueuse/core";
-import { throwError } from "../../utils/error.js";
+import { throwError as P } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
-import { useNamespace } from "../../hooks/use-namespace/index.js";
+import { useNamespace as A } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "vue-router";
-import useMenu from "./use-menu.js";
-const _hoisted_1 = ["title"];
-const __default__ = defineComponent({
+import W from "./use-menu.js";
+const X = ["title"], Y = E({
   name: "vft-menu-item",
-  inheritAttrs: false
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
+  inheritAttrs: !1
+}), fe = /* @__PURE__ */ E({
+  ...Y,
   props: {
     index: {},
     route: {},
@@ -32,113 +30,85 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     reverse: { type: Boolean }
   },
   emits: ["click", "mouseenter", "mouseleave"],
-  setup(__props, { emit: __emit }) {
-    const ns = useNamespace("menu-item");
-    const emit = __emit;
-    const instance = getCurrentInstance();
-    const attrs = useAttrs();
-    const nsMenu = useNamespace("menu");
-    const nsMenuItem = useNamespace("menu-item");
-    const rootMenu = !__props.isAloneUse ? inject("rootMenu") : null;
-    if (!rootMenu && !__props.isAloneUse) throwError(ns.b(), "can not inject root menu");
-    const { parentMenu, indexPath } = useMenu(
-      instance,
-      computed(() => __props.index)
-    );
-    const subMenu = !__props.isAloneUse ? inject(`subMenu:${parentMenu.value.uid}`) : null;
-    if (!subMenu && !__props.isAloneUse) throwError(ns.b(), "can not inject sub menu");
-    const active = computed(() => __props.index === rootMenu?.activeIndex);
-    const item = reactive({
-      index: __props.index,
-      indexPath,
-      active
-    });
-    const handleClick = () => {
-      if (!__props.disabled) {
-        rootMenu?.handleMenuItemClick({
-          ...attrs,
-          index: __props.index,
-          indexPath: indexPath.value,
-          route: __props.route
-        });
-        emit("click", item);
-      }
-    };
-    const _icon = computed(() => {
-      return singleAttrToObj(__props.icon, "icon");
-    });
-    const _title = computed(() => {
-      return renderTNode(instance, "title");
-    });
-    onMounted(() => {
-      if (!__props.isAloneUse) {
-        subMenu?.addSubMenu(item);
-        rootMenu?.addMenuItem(item);
-      }
-    });
-    onBeforeUnmount(() => {
-      if (!__props.isAloneUse) {
-        subMenu?.removeSubMenu(item);
-        rootMenu?.removeMenuItem(item);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.reverse && _ctx.divider ? (openBlock(), createBlock(unref(VftDivider), {
+  setup(t, { emit: S }) {
+    const d = A("menu-item"), c = S, g = F(), T = O(), w = A("menu"), f = A("menu-item"), i = t.isAloneUse ? null : N("rootMenu");
+    !i && !t.isAloneUse && P(d.b(), "can not inject root menu");
+    const { parentMenu: U, indexPath: B } = W(
+      g,
+      a(() => t.index)
+    ), v = t.isAloneUse ? null : N(`subMenu:${U.value.uid}`);
+    !v && !t.isAloneUse && P(d.b(), "can not inject sub menu");
+    const C = a(() => t.index === i?.activeIndex), s = q({
+      index: t.index,
+      indexPath: B,
+      active: C
+    }), x = () => {
+      t.disabled || (i?.handleMenuItemClick({
+        ...T,
+        index: t.index,
+        indexPath: B.value,
+        route: t.route
+      }), c("click", s));
+    }, r = a(() => K(t.icon, "icon")), z = a(() => L(g, "title"));
+    return G(() => {
+      t.isAloneUse || (v?.addSubMenu(s), i?.addMenuItem(s));
+    }), H(() => {
+      t.isAloneUse || (v?.removeSubMenu(s), i?.removeMenuItem(s));
+    }), (n, u) => (o(), p(k, null, [
+      n.reverse && n.divider ? (o(), l(e(j), {
+        key: 0,
+        "margin-y": "0"
+      })) : m("", !0),
+      b("li", {
+        class: M([
+          n.className,
+          e(f).b(),
+          e(f).is("active", n.isAloneUse ? !1 : C.value),
+          e(f).is("disabled", n.disabled)
+        ]),
+        onMouseenter: u[0] || (u[0] = (D) => c("mouseenter")),
+        onMouseleave: u[1] || (u[1] = (D) => c("mouseleave")),
+        role: "menuitem",
+        tabindex: "-1",
+        onClick: x
+      }, [
+        e(U)?.type?.name === "vft-menu" && e(i)?.props.collapse && n.$slots.title ? (o(), l(e(R), {
           key: 0,
-          "margin-y": "0"
-        })) : createCommentVNode("", true),
-        createElementVNode("li", {
-          class: normalizeClass([
-            _ctx.className,
-            unref(nsMenuItem).b(),
-            unref(nsMenuItem).is("active", _ctx.isAloneUse ? false : active.value),
-            unref(nsMenuItem).is("disabled", _ctx.disabled)
+          placement: "right",
+          "fallback-placements": ["left"],
+          persistent: e(i).props.persistent
+        }, {
+          content: $(() => [
+            y(n.$slots, "title")
+          ]),
+          default: $(() => [
+            b("div", {
+              class: M(e(w).be("tooltip", "trigger"))
+            }, [
+              r.value?.icon ? (o(), l(e(h), I(V({ key: 0 }, r.value)), null, 16)) : m("", !0),
+              y(n.$slots, "default")
+            ], 2)
           ]),
-          onMouseenter: _cache[0] || (_cache[0] = ($event) => emit("mouseenter")),
-          onMouseleave: _cache[1] || (_cache[1] = ($event) => emit("mouseleave")),
-          role: "menuitem",
-          tabindex: "-1",
-          onClick: handleClick
-        }, [
-          unref(parentMenu)?.type?.name === "vft-menu" && unref(rootMenu)?.props.collapse && _ctx.$slots.title ? (openBlock(), createBlock(unref(VftTooltip), {
-            key: 0,
-            placement: "right",
-            "fallback-placements": ["left"],
-            persistent: unref(rootMenu).props.persistent
-          }, {
-            content: withCtx(() => [
-              renderSlot(_ctx.$slots, "title")
-            ]),
-            default: withCtx(() => [
-              createElementVNode("div", {
-                class: normalizeClass(unref(nsMenu).be("tooltip", "trigger"))
-              }, [
-                _icon.value?.icon ? (openBlock(), createBlock(unref(VftIcon), normalizeProps(mergeProps({ key: 0 }, _icon.value)), null, 16)) : createCommentVNode("", true),
-                renderSlot(_ctx.$slots, "default")
-              ], 2)
-            ]),
-            _: 3
-          }, 8, ["persistent"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            _ctx.$slots?.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              _icon.value?.icon ? (openBlock(), createBlock(unref(VftIcon), normalizeProps(mergeProps({ key: 0 }, _icon.value)), null, 16)) : createCommentVNode("", true),
-              createElementVNode("span", {
-                class: normalizeClass(unref(ns).e("text")),
-                title: _ctx.title
-              }, [
-                createVNode(unref(VNode), { content: _title.value }, null, 8, ["content"])
-              ], 10, _hoisted_1)
-            ], 64))
+          _: 3
+        }, 8, ["persistent"])) : (o(), p(k, { key: 1 }, [
+          n.$slots?.default ? y(n.$slots, "default", { key: 0 }) : (o(), p(k, { key: 1 }, [
+            r.value?.icon ? (o(), l(e(h), I(V({ key: 0 }, r.value)), null, 16)) : m("", !0),
+            b("span", {
+              class: M(e(d).e("text")),
+              title: n.title
+            }, [
+              J(e(Q), { content: z.value }, null, 8, ["content"])
+            ], 10, X)
           ], 64))
-        ], 34),
-        !_ctx.reverse && _ctx.divider ? (openBlock(), createBlock(unref(VftDivider), {
-          key: 1,
-          "margin-y": "0"
-        })) : createCommentVNode("", true)
-      ], 64);
-    };
+        ], 64))
+      ], 34),
+      !n.reverse && n.divider ? (o(), l(e(j), {
+        key: 1,
+        "margin-y": "0"
+      })) : m("", !0)
+    ], 64));
   }
 });
 export {
-  _sfc_main as default
+  fe as default
 };

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

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