vft 0.0.9 → 0.0.13

package/es/components/index.d.ts

@@ -5,3 +5,8 @@ export * from './empty';
 export * from './result';
 export * from './exception';
 export * from './tabs';
+export * from './popper';
+export * from './collapse-transition';
+export * from './tooltip';
+export * from './popover';
+export * from './menu';

package/es/components/index.mjs

@@ -1,22 +1,41 @@
 import { VftDivider as r } from "./divider/index.mjs";
-import { VftIcon as e } from "./icon/index.mjs";
-import { VftAvatar as p } from "./avatar/index.mjs";
+import { VftIcon as f } from "./icon/index.mjs";
+import { VftAvatar as m } from "./avatar/index.mjs";
 import { VftEmpty as V } from "./empty/index.mjs";
 import { VftResult as n } from "./result/index.mjs";
-import { VftException as b } from "./exception/index.mjs";
-import { VftTabPane as s, VftTabs as y } from "./tabs/index.mjs";
-import { EmptyEnum as c } from "./empty/constants.mjs";
-import { TabsRootContextKey as v } from "./tabs/types.mjs";
+import { VftException as s } from "./exception/index.mjs";
+import { VftTabPane as l, VftTabs as P } from "./tabs/index.mjs";
+import { VftPopper as b } from "./popper/index.mjs";
+import { VftCollapseTransition as E } from "./collapse-transition/index.mjs";
+import { VftTooltip as v } from "./tooltip/index.mjs";
+import { VftPopover as C } from "./popover/index.mjs";
+import { VftMenu as c, VftMenuItem as g, VftMenuItemGroup as A, VftSubMenu as R } from "./menu/index.mjs";
+import { EmptyEnum as D } from "./empty/constants.mjs";
+import { TabsRootContextKey as K } from "./tabs/types.mjs";
+import { default as h } from "./popper/arrow.vue2.mjs";
+import { default as k } from "./popper/trigger.vue2.mjs";
+import { default as z } from "./popper/content.vue2.mjs";
 export {
-  c as EmptyEnum,
-  v as TabsRootContextKey,
-  p as VftAvatar,
+  D as EmptyEnum,
+  K as TabsRootContextKey,
+  m as VftAvatar,
+  E as VftCollapseTransition,
   r as VftDivider,
   V as VftEmpty,
-  b as VftException,
-  e as VftIcon,
+  s as VftException,
+  f as VftIcon,
+  c as VftMenu,
+  g as VftMenuItem,
+  A as VftMenuItemGroup,
+  C as VftPopover,
+  b as VftPopper,
+  h as VftPopperArrow,
+  z as VftPopperContent,
+  k as VftPopperTrigger,
   n as VftResult,
-  s as VftTabPane,
-  y as VftTabs
+  R as VftSubMenu,
+  l as VftTabPane,
+  P as VftTabs,
+  v as VftTooltip
 };
 //# sourceMappingURL=index.mjs.map

package/es/components/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/es/components/menu/index.d.ts

@@ -0,0 +1,504 @@
+export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    mode: {
+        type: import("vue").PropType<"horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    defaultActive: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    defaultOpeneds: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+    uniqueOpened: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    router: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    menuTrigger: {
+        type: import("vue").PropType<"hover" | "click" | undefined>;
+        required: false;
+    };
+    collapse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    backgroundColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    textColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    activeTextColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    collapseTransition: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {
+    open: (index: string) => void;
+    close: (index: string, indexPath: string[]) => void;
+    handleResize: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "open" | "select")[], "close" | "open" | "select", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    mode: {
+        type: import("vue").PropType<"horizontal" | "vertical" | undefined>;
+        required: false;
+    };
+    defaultActive: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    defaultOpeneds: {
+        type: import("vue").PropType<string[] | undefined>;
+        required: false;
+    };
+    uniqueOpened: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    router: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    menuTrigger: {
+        type: import("vue").PropType<"hover" | "click" | undefined>;
+        required: false;
+    };
+    collapse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    backgroundColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    textColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    activeTextColor: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    collapseTransition: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    ellipsis: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+}, {}>> & {
+    MenuItem: import("vue").DefineComponent<{
+        index: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        route: {
+            type: import("vue").PropType<import("vue-router").RouteLocationRaw | undefined>;
+            required: false;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        icon: {
+            type: import("vue").PropType<import("..").IconProps | undefined>;
+            required: false;
+        };
+        title: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        isAloneUse: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        divider: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        className: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        reverse: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        index: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        route: {
+            type: import("vue").PropType<import("vue-router").RouteLocationRaw | undefined>;
+            required: false;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        icon: {
+            type: import("vue").PropType<import("..").IconProps | undefined>;
+            required: false;
+        };
+        title: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        isAloneUse: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        divider: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        className: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        reverse: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+    }>> & {
+        onClick?: ((...args: any[]) => any) | undefined;
+    }, {}>;
+    MenuItemGroup: import("vue").DefineComponent<{
+        title: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+    }>>, {}>;
+    SubMenu: import("vue").DefineComponent<{
+        index: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        showTimeout: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        hideTimeout: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        popperClass: {
+            type: import("vue").PropType<ClassType | undefined>;
+            required: false;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        popperAppendToBody: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        popperOffset: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        expandIcon: {
+            type: import("vue").PropType<import("..").IconProps | undefined>;
+            required: false;
+        };
+        collapseIcon: {
+            type: import("vue").PropType<import("..").IconProps | undefined>;
+            required: false;
+        };
+        title: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        icon: {
+            type: import("vue").PropType<string | import("..").IconProps | undefined>;
+            required: false;
+        };
+        showArrow: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        toolTipCfg: {
+            type: import("vue").PropType<import("..").ToolTipProps | undefined>;
+            required: false;
+        };
+    }, {
+        opened: import("vue").ComputedRef<boolean>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        index: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        showTimeout: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        hideTimeout: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        popperClass: {
+            type: import("vue").PropType<ClassType | undefined>;
+            required: false;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        popperAppendToBody: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        popperOffset: {
+            type: import("vue").PropType<number | undefined>;
+            required: false;
+        };
+        expandIcon: {
+            type: import("vue").PropType<import("..").IconProps | undefined>;
+            required: false;
+        };
+        collapseIcon: {
+            type: import("vue").PropType<import("..").IconProps | undefined>;
+            required: false;
+        };
+        title: {
+            type: import("vue").PropType<string | undefined>;
+            required: false;
+        };
+        icon: {
+            type: import("vue").PropType<string | import("..").IconProps | undefined>;
+            required: false;
+        };
+        showArrow: {
+            type: import("vue").PropType<boolean | undefined>;
+            required: false;
+        };
+        toolTipCfg: {
+            type: import("vue").PropType<import("..").ToolTipProps | undefined>;
+            required: false;
+        };
+    }>>, {}>;
+};
+export default VftMenu;
+export declare const VftMenuItem: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    index: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    route: {
+        type: import("vue").PropType<import("vue-router").RouteLocationRaw | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    isAloneUse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    divider: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    className: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    reverse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    index: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    route: {
+        type: import("vue").PropType<import("vue-router").RouteLocationRaw | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    isAloneUse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    divider: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    className: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    reverse: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}>>;
+export declare const VftMenuItemGroup: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+}>>, {}>>;
+export declare const VftSubMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    index: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    showTimeout: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    hideTimeout: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: import("vue").PropType<ClassType | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    popperAppendToBody: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    popperOffset: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    expandIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    collapseIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    toolTipCfg: {
+        type: import("vue").PropType<import("..").ToolTipProps | undefined>;
+        required: false;
+    };
+}, {
+    opened: import("vue").ComputedRef<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    index: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    showTimeout: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    hideTimeout: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    popperClass: {
+        type: import("vue").PropType<ClassType | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    popperAppendToBody: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    popperOffset: {
+        type: import("vue").PropType<number | undefined>;
+        required: false;
+    };
+    expandIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    collapseIcon: {
+        type: import("vue").PropType<import("..").IconProps | undefined>;
+        required: false;
+    };
+    title: {
+        type: import("vue").PropType<string | undefined>;
+        required: false;
+    };
+    icon: {
+        type: import("vue").PropType<string | import("..").IconProps | undefined>;
+        required: false;
+    };
+    showArrow: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
+    toolTipCfg: {
+        type: import("vue").PropType<import("..").ToolTipProps | undefined>;
+        required: false;
+    };
+}>>, {}>>;
+export * from './types';

package/es/components/menu/index.mjs

@@ -0,0 +1,21 @@
+import { withInstall as r, withNoopInstall as t } from "../../utils/vue/install.mjs";
+import "vue";
+import "@vue/shared";
+import "@vft/utils";
+import f from "./menu.vue2.mjs";
+import o from "./menu-item.vue2.mjs";
+import m from "./menu-item-group.vue2.mjs";
+import n from "./sub-menu.vue2.mjs";
+const M = r(f, {
+  MenuItem: o,
+  MenuItemGroup: m,
+  SubMenu: n
+}), I = t(o), l = t(m), V = t(n);
+export {
+  M as VftMenu,
+  I as VftMenuItem,
+  l as VftMenuItemGroup,
+  V as VftSubMenu,
+  M as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/components/menu/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/menu/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@vft-ui/utils'\n\nimport Menu from './menu.vue'\nimport MenuItem from './menu-item.vue'\nimport MenuItemGroup from './menu-item-group.vue'\nimport SubMenu from './sub-menu.vue'\n\nexport const VftMenu = withInstall(Menu, {\n\tMenuItem,\n\tMenuItemGroup,\n\tSubMenu,\n})\nexport default VftMenu\nexport const VftMenuItem = withNoopInstall(MenuItem)\nexport const VftMenuItemGroup = withNoopInstall(MenuItemGroup)\nexport const VftSubMenu = withNoopInstall(SubMenu)\n\nexport * from './types'\n"],"names":["VftMenu","withInstall","Menu","MenuItem","MenuItemGroup","SubMenu","VftMenuItem","withNoopInstall","VftMenuItemGroup","VftSubMenu"],"mappings":";;;;;;;;AAOa,MAAAA,IAAUC,EAAYC,GAAM;AAAA,EAAA,UACxCC;AAAAA,EAAA,eACAC;AAAAA,EAAA,SACAC;AACD,CAAC,GAEYC,IAAcC,EAAgBJ,CAAQ,GACtCK,IAAmBD,EAAgBH,CAAa,GAChDK,IAAaF,EAAgBF,CAAO;"}

package/es/components/menu/menu-collapse-transition.vue.d.ts

@@ -0,0 +1,5 @@
+import type { TransitionProps } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{}, {
+    listeners: TransitionProps;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

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

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

package/es/components/menu/menu-collapse-transition.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-collapse-transition.vue.mjs","sources":["../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n  setup() {\n    const ns = useNamespace('menu');\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '1';\n        done();\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '';\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {};\n        }\n\n        if (hasClass(el, ns.m('collapse'))) {\n          removeClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          addClass(el, ns.m('collapse'));\n        } else {\n          addClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          removeClass(el, ns.m('collapse'));\n        }\n\n        el.style.width = `${el.scrollWidth}px`;\n        el.style.overflow = 'hidden';\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition');\n        el.style.width = `${el.dataset.scrollWidth}px`;\n      }\n    } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n    return {\n      listeners\n    };\n  }\n});\n</script>\n\n<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n"],"names":["_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createBlock","_Transition","_mergeProps","_withCtx"],"mappings":";;;AA2DY,SAAAA,EAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SAARC,EAAQ,GAAAC,EAAAC,GAAAC,EAAA,EAAA,MAAA,SAAA,GAAAT,EAAA,SAAA,GAAA;AAAA,IAAA,SAAAU,EAAA,MAAA;AAAA;;;;;;"}

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

@@ -0,0 +1,34 @@
+import { defineComponent as i } from "vue";
+import { useNamespace as r } from "../../hooks/use-namespace/index.mjs";
+import "@popperjs/core";
+import "lodash";
+import "../../hooks/use-z-index/index.mjs";
+import "@vueuse/core";
+import "@vue/shared";
+import { addClass as s, removeClass as a, hasClass as n } from "@vft/utils";
+const u = i({
+  setup() {
+    const o = r("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 = {}), n(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`;
+        }
+      }
+    };
+  }
+});
+export {
+  u as default
+};
+//# sourceMappingURL=menu-collapse-transition.vue2.mjs.map

package/es/components/menu/menu-collapse-transition.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-collapse-transition.vue2.mjs","sources":["../../../../../packages/components/menu/menu-collapse-transition.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent } from 'vue';\nimport { useNamespace } from '@vft-ui/hooks';\nimport { addClass, hasClass, removeClass } from '@vft/utils';\n\nimport type { BaseTransitionProps, TransitionProps } from 'vue';\n\nexport default defineComponent({\n  setup() {\n    const ns = useNamespace('menu');\n    const listeners = {\n      onBeforeEnter: (el) => (el.style.opacity = '0.2'),\n      onEnter(el, done) {\n        addClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '1';\n        done();\n      },\n\n      onAfterEnter(el) {\n        removeClass(el, `${ns.namespace.value}-opacity-transition`);\n        el.style.opacity = '';\n      },\n\n      onBeforeLeave(el) {\n        if (!el.dataset) {\n          ;(el as any).dataset = {};\n        }\n\n        if (hasClass(el, ns.m('collapse'))) {\n          removeClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          addClass(el, ns.m('collapse'));\n        } else {\n          addClass(el, ns.m('collapse'));\n          el.dataset.oldOverflow = el.style.overflow;\n          el.dataset.scrollWidth = el.clientWidth.toString();\n          removeClass(el, ns.m('collapse'));\n        }\n\n        el.style.width = `${el.scrollWidth}px`;\n        el.style.overflow = 'hidden';\n      },\n\n      onLeave(el: HTMLElement) {\n        addClass(el, 'horizontal-collapse-transition');\n        el.style.width = `${el.dataset.scrollWidth}px`;\n      }\n    } as BaseTransitionProps<HTMLElement> as TransitionProps;\n\n    return {\n      listeners\n    };\n  }\n});\n</script>\n\n<template>\n  <transition mode=\"out-in\" v-bind=\"listeners\">\n    <slot />\n  </transition>\n</template>\n"],"names":["_sfc_main","defineComponent","ns","useNamespace","el","done","addClass","removeClass","hasClass"],"mappings":";;;;;;;;AAOA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,QAAQ;AACA,UAAAC,IAAKC,EAAa,MAAM;AAyCvB,WAAA;AAAA,MACL,WAzCgB;AAAA,QAChB,eAAe,CAACC,MAAQA,EAAG,MAAM,UAAU;AAAA,QAC3C,QAAQA,GAAIC,GAAM;AAChB,UAAAC,EAASF,GAAI,GAAGF,EAAG,UAAU,0BAA0B,GACvDE,EAAG,MAAM,UAAU,KACdC;QACP;AAAA,QAEA,aAAaD,GAAI;AACf,UAAAG,EAAYH,GAAI,GAAGF,EAAG,UAAU,0BAA0B,GAC1DE,EAAG,MAAM,UAAU;AAAA,QACrB;AAAA,QAEA,cAAcA,GAAI;AACZ,UAACA,EAAG,YACJA,EAAW,UAAU,KAGrBI,EAASJ,GAAIF,EAAG,EAAE,UAAU,CAAC,KAC/BK,EAAYH,GAAIF,EAAG,EAAE,UAAU,CAAC,GAC7BE,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAClCA,EAAG,QAAQ,cAAcA,EAAG,YAAY,SAAS,GACjDE,EAASF,GAAIF,EAAG,EAAE,UAAU,CAAC,MAE7BI,EAASF,GAAIF,EAAG,EAAE,UAAU,CAAC,GAC1BE,EAAA,QAAQ,cAAcA,EAAG,MAAM,UAClCA,EAAG,QAAQ,cAAcA,EAAG,YAAY,SAAS,GACjDG,EAAYH,GAAIF,EAAG,EAAE,UAAU,CAAC,IAG/BE,EAAA,MAAM,QAAQ,GAAGA,EAAG,iBACvBA,EAAG,MAAM,WAAW;AAAA,QACtB;AAAA,QAEA,QAAQA,GAAiB;AACvB,UAAAE,EAASF,GAAI,gCAAgC,GAC7CA,EAAG,MAAM,QAAQ,GAAGA,EAAG,QAAQ;AAAA,QACjC;AAAA,MAAA;AAAA,IAIA;AAAA,EAEJ;AACF,CAAC;"}