@maketribe/ms-app 3.2.46 → 4.0.0-alpha.1

package/dist/esm/layouts/new/components/Menu/sub.vue.js

@@ -0,0 +1,229 @@
+import { defineComponent, shallowRef, inject, computed, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, unref, createBlock, Teleport, Transition, mergeProps, toHandlers, withCtx, normalizeClass, renderList, createCommentVNode, nextTick } from "vue";
+import { useTimeoutFn } from "@vueuse/core";
+import { OverlayScrollbarsComponent } from "overlayscrollbars-vue";
+import _sfc_main$1 from "./item.vue.js";
+import { rootMenuInjectionKey } from "./types.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "SubMenu"
+  },
+  __name: "sub",
+  props: {
+    uniqueKey: {},
+    menu: {},
+    level: { default: 0 }
+  },
+  setup(__props) {
+    const props = __props;
+    const index = props.menu.name;
+    const itemRef = shallowRef();
+    const subMenuRef = shallowRef();
+    const rootMenu = inject(rootMenuInjectionKey);
+    const opened = computed(() => {
+      return rootMenu.openedMenus.includes(props.uniqueKey.at(-1));
+    });
+    const transitionEvent = computed(() => {
+      return rootMenu.isMenuPopup ? {
+        enter(el) {
+          if (el.offsetHeight > window.innerHeight) {
+            el.style.height = `${window.innerHeight}px`;
+          }
+        },
+        afterEnter: () => {
+        },
+        beforeLeave: (el) => {
+          el.style.overflow = "hidden";
+          el.style.maxHeight = `${el.offsetHeight}px`;
+        },
+        leave: (el) => {
+          el.style.maxHeight = "0";
+        },
+        afterLeave(el) {
+          el.style.overflow = "";
+          el.style.maxHeight = "";
+        }
+      } : {
+        enter(el) {
+          const memorizedHeight = el.offsetHeight;
+          el.style.maxHeight = "0";
+          el.style.overflow = "hidden";
+          void el.offsetHeight;
+          el.style.maxHeight = `${memorizedHeight}px`;
+        },
+        afterEnter(el) {
+          el.style.overflow = "";
+          el.style.maxHeight = "";
+        },
+        beforeLeave(el) {
+          el.style.overflow = "hidden";
+          el.style.maxHeight = `${el.offsetHeight}px`;
+        },
+        leave(el) {
+          el.style.maxHeight = "0";
+        },
+        afterLeave(el) {
+          el.style.overflow = "";
+          el.style.maxHeight = "";
+        }
+      };
+    });
+    const transitionClass = computed(() => {
+      return rootMenu.isMenuPopup ? {
+        enterActiveClass: "ease-in-out duration-300",
+        enterFromClass: "opacity-0 translate-x-4",
+        enterToClass: "opacity-100",
+        leaveActiveClass: "ease-in-out duration-300",
+        leaveFromClass: "opacity-100",
+        leaveToClass: "opacity-0"
+      } : {
+        enterActiveClass: "ease-in-out duration-300",
+        enterFromClass: "opacity-0",
+        enterToClass: "opacity-100",
+        leaveActiveClass: "ease-in-out duration-300",
+        leaveFromClass: "opacity-100",
+        leaveToClass: "opacity-0"
+      };
+    });
+    const hasChildren = computed(() => {
+      let flag = true;
+      if (props.menu.children) {
+        if (props.menu.children.every((item) => {
+          var _a;
+          return ((_a = item.meta) == null ? void 0 : _a.menu) === false;
+        })) {
+          flag = false;
+        }
+      } else {
+        flag = false;
+      }
+      return flag;
+    });
+    function handleClick() {
+      if (rootMenu.isMenuPopup && hasChildren.value) {
+        return;
+      }
+      if (hasChildren.value) {
+        rootMenu.handleSubMenuClick(index, props.uniqueKey);
+      } else {
+        rootMenu.handleMenuItemClick(index);
+      }
+    }
+    let timeout;
+    function handleMouseenter() {
+      if (!rootMenu.isMenuPopup) {
+        return;
+      }
+      rootMenu.mouseInMenu = props.uniqueKey;
+      timeout == null ? void 0 : timeout();
+      ({ stop: timeout } = useTimeoutFn(() => {
+        if (hasChildren.value) {
+          rootMenu.openMenu(index, props.uniqueKey);
+          nextTick(() => {
+            const el = itemRef.value.ref;
+            let top = 0;
+            let left = 0;
+            if (rootMenu.props.mode === "vertical" || props.level !== 0) {
+              top = el.getBoundingClientRect().top + el.scrollTop;
+              left = el.getBoundingClientRect().left + el.getBoundingClientRect().width;
+              if (top + subMenuRef.value.getElement().offsetHeight > window.innerHeight) {
+                top = window.innerHeight - subMenuRef.value.getElement().offsetHeight;
+              }
+            } else {
+              top = el.getBoundingClientRect().top + el.getBoundingClientRect().height;
+              left = el.getBoundingClientRect().left;
+              if (top + subMenuRef.value.getElement().offsetHeight > window.innerHeight) {
+                subMenuRef.value.getElement().style.height = `${window.innerHeight - top}px`;
+              }
+            }
+            if (left + subMenuRef.value.getElement().offsetWidth > document.documentElement.clientWidth) {
+              left = el.getBoundingClientRect().left - el.getBoundingClientRect().width;
+            }
+            subMenuRef.value.getElement().style.top = `${top}px`;
+            subMenuRef.value.getElement().style.left = `${left}px`;
+          });
+        } else {
+          const path = props.menu.children ? rootMenu.subMenus[index].indexPath.at(-1) : rootMenu.items[index].indexPath.at(-1);
+          rootMenu.openMenu(path, rootMenu.subMenus[path].indexPath);
+        }
+      }, 300));
+    }
+    function handleMouseleave() {
+      if (!rootMenu.isMenuPopup) {
+        return;
+      }
+      rootMenu.mouseInMenu = [];
+      timeout == null ? void 0 : timeout();
+      ({ stop: timeout } = useTimeoutFn(() => {
+        if (rootMenu.mouseInMenu.length === 0) {
+          rootMenu.closeMenu(props.uniqueKey);
+        } else {
+          if (hasChildren.value) {
+            !rootMenu.mouseInMenu.includes(props.uniqueKey.at(-1)) && rootMenu.closeMenu(props.uniqueKey.at(-1));
+          }
+        }
+      }, 300));
+    }
+    return (_ctx, _cache) => {
+      const _component_SubMenu = resolveComponent("SubMenu");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_sfc_main$1, {
+          ref_key: "itemRef",
+          ref: itemRef,
+          "unique-key": _ctx.uniqueKey,
+          item: _ctx.menu,
+          level: _ctx.level,
+          "sub-menu": unref(hasChildren),
+          expand: unref(opened),
+          onClick: handleClick,
+          onMouseenter: handleMouseenter,
+          onMouseleave: handleMouseleave
+        }, null, 8, ["unique-key", "item", "level", "sub-menu", "expand"]),
+        unref(hasChildren) ? (openBlock(), createBlock(Teleport, {
+          key: 0,
+          to: "body",
+          disabled: !unref(rootMenu).isMenuPopup
+        }, [
+          createVNode(Transition, mergeProps(unref(transitionClass), toHandlers(unref(transitionEvent))), {
+            default: withCtx(() => [
+              unref(opened) ? (openBlock(), createBlock(unref(OverlayScrollbarsComponent), {
+                key: 0,
+                ref_key: "subMenuRef",
+                ref: subMenuRef,
+                options: { scrollbars: { visibility: "hidden" } },
+                defer: "",
+                class: normalizeClass(["sub-menu", {
+                  "bg-[var(--g-sub-sidebar-bg)]": unref(rootMenu).isMenuPopup,
+                  "ring-1 ring-stone-2 dark-ring-stone-8 shadow-xl fixed z-3000 w-[200px]": unref(rootMenu).isMenuPopup,
+                  "mx-1": unref(rootMenu).isMenuPopup && (unref(rootMenu).props.mode === "vertical" || _ctx.level !== 0),
+                  "py-1": unref(rootMenu).isMenuPopup
+                }])
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.menu.children, (item) => {
+                    var _a;
+                    return openBlock(), createElementBlock(Fragment, {
+                      key: item.name
+                    }, [
+                      ((_a = item.meta) == null ? void 0 : _a.menu) !== false ? (openBlock(), createBlock(_component_SubMenu, {
+                        key: 0,
+                        "unique-key": [..._ctx.uniqueKey, item.name],
+                        menu: item,
+                        level: _ctx.level + 1
+                      }, null, 8, ["unique-key", "menu", "level"])) : createCommentVNode("", true)
+                    ], 64);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["class"])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }, 16)
+        ], 8, ["disabled"])) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=sub.vue.js.map

package/dist/esm/layouts/new/components/Menu/sub.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sub.vue.js","sources":["../../../../../../src/layouts/new/components/Menu/sub.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { useTimeoutFn } from '@vueuse/core'\r\nimport type { OverlayScrollbarsComponentRef } from 'overlayscrollbars-vue'\r\nimport { OverlayScrollbarsComponent } from 'overlayscrollbars-vue'\r\nimport Item from './item.vue'\r\n// import type { SubMenuProps } from './types'\r\nimport { rootMenuInjectionKey } from './types'\r\nimport type {Menu} from \"../../../../typings/global\";\r\n\r\ndefineOptions({\r\n  name: 'SubMenu',\r\n})\r\n\r\nexport interface SubMenuProps {\r\n  uniqueKey: string[]\r\n  menu: Menu.recordRaw\r\n  level?: number\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<SubMenuProps>(),\r\n  {\r\n    level: 0,\r\n  },\r\n)\r\n\r\nconst index = props.menu.name as string// ?? JSON.stringify(props.menu)\r\nconst itemRef = shallowRef()\r\nconst subMenuRef = shallowRef<OverlayScrollbarsComponentRef>()\r\nconst rootMenu = inject(rootMenuInjectionKey)!\r\n\r\nconst opened = computed(() => {\r\n  return rootMenu.openedMenus.includes(props.uniqueKey.at(-1)!)\r\n})\r\n\r\nconst transitionEvent = computed(() => {\r\n  return rootMenu.isMenuPopup\r\n    ? {\r\n        enter(el: HTMLElement) {\r\n          if (el.offsetHeight > window.innerHeight) {\r\n            el.style.height = `${window.innerHeight}px`\r\n          }\r\n        },\r\n        afterEnter: () => {},\r\n        beforeLeave: (el: HTMLElement) => {\r\n          el.style.overflow = 'hidden'\r\n          el.style.maxHeight = `${el.offsetHeight}px`\r\n        },\r\n        leave: (el: HTMLElement) => {\r\n          el.style.maxHeight = '0'\r\n        },\r\n        afterLeave(el: HTMLElement) {\r\n          el.style.overflow = ''\r\n          el.style.maxHeight = ''\r\n        },\r\n      }\r\n    : {\r\n        enter(el: HTMLElement) {\r\n          const memorizedHeight = el.offsetHeight\r\n          el.style.maxHeight = '0'\r\n          el.style.overflow = 'hidden'\r\n          void el.offsetHeight\r\n          el.style.maxHeight = `${memorizedHeight}px`\r\n        },\r\n        afterEnter(el: HTMLElement) {\r\n          el.style.overflow = ''\r\n          el.style.maxHeight = ''\r\n        },\r\n        beforeLeave(el: HTMLElement) {\r\n          el.style.overflow = 'hidden'\r\n          el.style.maxHeight = `${el.offsetHeight}px`\r\n        },\r\n        leave(el: HTMLElement) {\r\n          el.style.maxHeight = '0'\r\n        },\r\n        afterLeave(el: HTMLElement) {\r\n          el.style.overflow = ''\r\n          el.style.maxHeight = ''\r\n        },\r\n      }\r\n})\r\n\r\nconst transitionClass = computed(() => {\r\n  return rootMenu.isMenuPopup\r\n    ? {\r\n        enterActiveClass: 'ease-in-out duration-300',\r\n        enterFromClass: 'opacity-0 translate-x-4',\r\n        enterToClass: 'opacity-100',\r\n        leaveActiveClass: 'ease-in-out duration-300',\r\n        leaveFromClass: 'opacity-100',\r\n        leaveToClass: 'opacity-0',\r\n      }\r\n    : {\r\n        enterActiveClass: 'ease-in-out duration-300',\r\n        enterFromClass: 'opacity-0',\r\n        enterToClass: 'opacity-100',\r\n        leaveActiveClass: 'ease-in-out duration-300',\r\n        leaveFromClass: 'opacity-100',\r\n        leaveToClass: 'opacity-0',\r\n      }\r\n})\r\n\r\nconst hasChildren = computed(() => {\r\n  let flag = true\r\n  if (props.menu.children) {\r\n    if (props.menu.children.every((item: any) => item.meta?.menu === false)) {\r\n      flag = false\r\n    }\r\n  }\r\n  else {\r\n    flag = false\r\n  }\r\n  return flag\r\n})\r\n\r\nfunction handleClick() {\r\n  if (rootMenu.isMenuPopup && hasChildren.value) {\r\n    return\r\n  }\r\n  if (hasChildren.value) {\r\n    rootMenu.handleSubMenuClick(index, props.uniqueKey)\r\n  }\r\n  else {\r\n    rootMenu.handleMenuItemClick(index)\r\n  }\r\n}\r\n\r\nlet timeout: (() => void) | undefined\r\n\r\nfunction handleMouseenter() {\r\n  if (!rootMenu.isMenuPopup) {\r\n    return\r\n  }\r\n  rootMenu.mouseInMenu = props.uniqueKey\r\n  timeout?.()\r\n  ;({ stop: timeout } = useTimeoutFn(() => {\r\n    if (hasChildren.value) {\r\n      rootMenu.openMenu(index, props.uniqueKey)\r\n      nextTick(() => {\r\n        const el = itemRef.value.ref\r\n        let top = 0\r\n        let left = 0\r\n        if (rootMenu.props.mode === 'vertical' || props.level !== 0) {\r\n          top = el.getBoundingClientRect().top + el.scrollTop\r\n          left = el.getBoundingClientRect().left + el.getBoundingClientRect().width\r\n          if (top + subMenuRef.value!.getElement()!.offsetHeight > window.innerHeight) {\r\n            top = window.innerHeight - subMenuRef.value!.getElement()!.offsetHeight\r\n          }\r\n        }\r\n        else {\r\n          top = el.getBoundingClientRect().top + el.getBoundingClientRect().height\r\n          left = el.getBoundingClientRect().left\r\n          if (top + subMenuRef.value!.getElement()!.offsetHeight > window.innerHeight) {\r\n            subMenuRef.value!.getElement()!.style.height = `${window.innerHeight - top}px`\r\n          }\r\n        }\r\n        if (left + subMenuRef.value!.getElement()!.offsetWidth > document.documentElement.clientWidth) {\r\n          left = el.getBoundingClientRect().left - el.getBoundingClientRect().width\r\n        }\r\n        subMenuRef.value!.getElement()!.style.top = `${top}px`\r\n        subMenuRef.value!.getElement()!.style.left = `${left}px`\r\n      })\r\n    }\r\n    else {\r\n      const path = props.menu.children ? rootMenu.subMenus[index].indexPath.at(-1)! : rootMenu.items[index].indexPath.at(-1)!\r\n      rootMenu.openMenu(path, rootMenu.subMenus[path].indexPath)\r\n    }\r\n  }, 300))\r\n}\r\n\r\nfunction handleMouseleave() {\r\n  if (!rootMenu.isMenuPopup) {\r\n    return\r\n  }\r\n  rootMenu.mouseInMenu = []\r\n  timeout?.()\r\n  ;({ stop: timeout } = useTimeoutFn(() => {\r\n    if (rootMenu.mouseInMenu.length === 0) {\r\n      rootMenu.closeMenu(props.uniqueKey)\r\n    }\r\n    else {\r\n      if (hasChildren.value) {\r\n        !rootMenu.mouseInMenu.includes(props.uniqueKey.at(-1)!) && rootMenu.closeMenu(props.uniqueKey.at(-1)!)\r\n      }\r\n    }\r\n  }, 300))\r\n}\r\n</script>\r\n\r\n<template>\r\n  <Item ref=\"itemRef\" :unique-key=\"uniqueKey\" :item=\"menu\" :level=\"level\" :sub-menu=\"hasChildren\" :expand=\"opened\" @click=\"handleClick\" @mouseenter=\"handleMouseenter\" @mouseleave=\"handleMouseleave\" />\r\n  <Teleport v-if=\"hasChildren\" to=\"body\" :disabled=\"!rootMenu.isMenuPopup\">\r\n    <Transition v-bind=\"transitionClass\" v-on=\"transitionEvent\">\r\n      <OverlayScrollbarsComponent\r\n        v-if=\"opened\" ref=\"subMenuRef\" :options=\"{ scrollbars: { visibility: 'hidden' } }\" defer class=\"sub-menu\" :class=\"{\r\n          'bg-[var(--g-sub-sidebar-bg)]': rootMenu.isMenuPopup,\r\n          'ring-1 ring-stone-2 dark-ring-stone-8 shadow-xl fixed z-3000 w-[200px]': rootMenu.isMenuPopup,\r\n          'mx-1': rootMenu.isMenuPopup && (rootMenu.props.mode === 'vertical' || level !== 0),\r\n          'py-1': rootMenu.isMenuPopup,\r\n        }\"\r\n      >\r\n        <template v-for=\"item in menu.children\" :key=\"item.name!\">\r\n          <SubMenu v-if=\"item.meta?.menu !== false\" :unique-key=\"[...uniqueKey, item.name!]\" :menu=\"item\" :level=\"level + 1\" />\r\n        </template>\r\n      </OverlayScrollbarsComponent>\r\n    </Transition>\r\n  </Teleport>\r\n</template>\r\n"],"names":[],"mappings":"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"}

package/dist/esm/layouts/new/components/Menu/sub.vue2.js

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

package/dist/esm/layouts/new/components/Menu/sub.vue2.js.map

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

package/dist/esm/layouts/new/components/Menu/types.js

@@ -0,0 +1,5 @@
+const rootMenuInjectionKey = Symbol("rootMenu");
+export {
+  rootMenuInjectionKey
+};
+//# sourceMappingURL=types.js.map

package/dist/esm/layouts/new/components/Menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../../../../src/layouts/new/components/Menu/types.ts"],"sourcesContent":["import type { Menu } from '../../../../typings/global'\r\nimport { InjectionKey } from 'vue'\r\n\r\nexport interface MenuItem {\r\n  index: string\r\n  indexPath: string[]\r\n  active?: boolean\r\n}\r\n\r\nexport interface MenuProps {\r\n  menu: Menu.recordRaw[]\r\n  value: string\r\n  accordion?: boolean\r\n  defaultOpeneds?: string[]\r\n  mode?: 'horizontal' | 'vertical'\r\n  collapse?: boolean\r\n  showCollapseName?: boolean\r\n}\r\n\r\nexport interface MenuInjection {\r\n  props: MenuProps\r\n  items: Record<string, MenuItem>\r\n  subMenus: Record<string, MenuItem>\r\n  activeIndex: MenuProps['value']\r\n  openedMenus: string[]\r\n  mouseInMenu: string[]\r\n  isMenuPopup: boolean\r\n  openMenu: (index: string, indexPath: string[]) => void\r\n  closeMenu: (index: string | string[]) => void\r\n  handleMenuItemClick: (index: string) => void\r\n  handleSubMenuClick: (index: string, indexPath: string[]) => void\r\n}\r\n\r\nexport const rootMenuInjectionKey = Symbol('rootMenu') as InjectionKey<MenuInjection>\r\n\r\nexport interface SubMenuProps {\r\n  uniqueKey: string[]\r\n  menu: Menu.recordRaw\r\n  level?: number\r\n}\r\n\r\nexport interface SubMenuItemProps {\r\n  uniqueKey: string[]\r\n  item: Menu.recordRaw\r\n  level?: number\r\n  subMenu?: boolean\r\n  expand?: boolean\r\n}\r\n"],"names":[],"mappings":"AAiCa,MAAA,uBAAuB,OAAO,UAAU;"}