vft 0.0.11 → 0.0.13

package/lib/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/lib/components/menu/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../../utils/vue/install.js");require("vue");require("@vue/shared");require("@vft/utils");const _=require("./menu.vue2.js"),t=require("./menu-item.vue2.js"),u=require("./menu-item-group.vue2.js"),n=require("./sub-menu.vue2.js"),r=e.withInstall(_.default,{MenuItem:t.default,MenuItemGroup:u.default,SubMenu:n.default}),l=e.withNoopInstall(t.default),s=e.withNoopInstall(u.default),o=e.withNoopInstall(n.default);exports.VftMenu=r;exports.VftMenuItem=l;exports.VftMenuItemGroup=s;exports.VftSubMenu=o;exports.default=r;
+//# sourceMappingURL=index.js.map

package/lib/components/menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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":"gWAOaA,EAAUC,cAAYC,UAAM,CAAA,SACxCC,EAAA,QAAA,cACAC,EAAA,QAAA,QACAC,EAAA,OACD,CAAC,EAEYC,EAAcC,kBAAgBJ,SAAQ,EACtCK,EAAmBD,kBAAgBH,SAAa,EAChDK,EAAaF,kBAAgBF,EAAO,OAAA"}

package/lib/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/lib/components/menu/menu-collapse-transition.vue.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./menu-collapse-transition.vue2.js"),e=require("vue"),o=require("../../_virtual/_plugin-vue_export-helper.js");function n(t,s,l,i,a,p){return e.openBlock(),e.createBlock(e.Transition,e.mergeProps({mode:"out-in"},t.listeners),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16)}const u=o.default(r.default,[["render",n]]);exports.default=u;
+//# sourceMappingURL=menu-collapse-transition.vue.js.map

package/lib/components/menu/menu-collapse-transition.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-collapse-transition.vue.js","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":"4OA2DY,SAAAA,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAA,QAARC,YAAQ,EAAAC,cAAAC,EAAAA,WAAAC,EAAA,WAAA,CAAA,KAAA,QAAA,EAAAT,EAAA,SAAA,EAAA,CAAA,QAAAU,EAAA,QAAA,IAAA"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue"),r=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");const t=require("@vft/utils"),i=o.defineComponent({setup(){const s=r.useNamespace("menu");return{listeners:{onBeforeEnter:e=>e.style.opacity="0.2",onEnter(e,a){t.addClass(e,`${s.namespace.value}-opacity-transition`),e.style.opacity="1",a()},onAfterEnter(e){t.removeClass(e,`${s.namespace.value}-opacity-transition`),e.style.opacity=""},onBeforeLeave(e){e.dataset||(e.dataset={}),t.hasClass(e,s.m("collapse"))?(t.removeClass(e,s.m("collapse")),e.dataset.oldOverflow=e.style.overflow,e.dataset.scrollWidth=e.clientWidth.toString(),t.addClass(e,s.m("collapse"))):(t.addClass(e,s.m("collapse")),e.dataset.oldOverflow=e.style.overflow,e.dataset.scrollWidth=e.clientWidth.toString(),t.removeClass(e,s.m("collapse"))),e.style.width=`${e.scrollWidth}px`,e.style.overflow="hidden"},onLeave(e){t.addClass(e,"horizontal-collapse-transition"),e.style.width=`${e.dataset.scrollWidth}px`}}}}});exports.default=i;
+//# sourceMappingURL=menu-collapse-transition.vue2.js.map

package/lib/components/menu/menu-collapse-transition.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-collapse-transition.vue2.js","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":"wVAOAA,EAAeC,kBAAgB,CAC7B,OAAQ,CACA,MAAAC,EAAKC,eAAa,MAAM,EAyCvB,MAAA,CACL,UAzCgB,CAChB,cAAgBC,GAAQA,EAAG,MAAM,QAAU,MAC3C,QAAQA,EAAIC,EAAM,CAChBC,EAAA,SAASF,EAAI,GAAGF,EAAG,UAAU,0BAA0B,EACvDE,EAAG,MAAM,QAAU,IACdC,GACP,EAEA,aAAaD,EAAI,CACfG,EAAA,YAAYH,EAAI,GAAGF,EAAG,UAAU,0BAA0B,EAC1DE,EAAG,MAAM,QAAU,EACrB,EAEA,cAAcA,EAAI,CACXA,EAAG,UACJA,EAAW,QAAU,IAGrBI,EAAAA,SAASJ,EAAIF,EAAG,EAAE,UAAU,CAAC,GAC/BK,EAAAA,YAAYH,EAAIF,EAAG,EAAE,UAAU,CAAC,EAC7BE,EAAA,QAAQ,YAAcA,EAAG,MAAM,SAClCA,EAAG,QAAQ,YAAcA,EAAG,YAAY,SAAS,EACjDE,EAAAA,SAASF,EAAIF,EAAG,EAAE,UAAU,CAAC,IAE7BI,EAAAA,SAASF,EAAIF,EAAG,EAAE,UAAU,CAAC,EAC1BE,EAAA,QAAQ,YAAcA,EAAG,MAAM,SAClCA,EAAG,QAAQ,YAAcA,EAAG,YAAY,SAAS,EACjDG,EAAAA,YAAYH,EAAIF,EAAG,EAAE,UAAU,CAAC,GAG/BE,EAAA,MAAM,MAAQ,GAAGA,EAAG,gBACvBA,EAAG,MAAM,SAAW,QACtB,EAEA,QAAQA,EAAiB,CACvBE,WAASF,EAAI,gCAAgC,EAC7CA,EAAG,MAAM,MAAQ,GAAGA,EAAG,QAAQ,eACjC,CAAA,CAIA,CAEJ,CACF,CAAC"}

package/lib/components/menu/menu-item-group.vue.d.ts

@@ -0,0 +1,13 @@
+import type { PropType as __PropType } from 'vue';
+declare const _sfc_main: import("vue").DefineComponent<{
+    title: {
+        type: __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: __PropType<string | undefined>;
+        required: false;
+    };
+}>>, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./menu-item-group.vue2.js");exports.default=e.default;
+//# sourceMappingURL=menu-item-group.vue.js.map

package/lib/components/menu/menu-item-group.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-group.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../../hooks/use-namespace/index.js");require("@popperjs/core");require("lodash");require("../../hooks/use-z-index/index.js");require("@vueuse/core");require("@vue/shared");require("@vft/utils");const r=n.useNamespace("menu-item-group"),o=e.defineComponent({name:r.b()}),s=e.defineComponent({...o,props:{title:null},setup(l){return(t,u)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(e.unref(r).b())},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(r).e("title"))},[t.$slots.title?e.renderSlot(t.$slots,"title",{key:1}):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(l.title),1)],64))],2),e.createElementVNode("ul",null,[e.renderSlot(t.$slots,"default")])],2))}});exports.default=s;
+//# sourceMappingURL=menu-item-group.vue2.js.map

package/lib/components/menu/menu-item-group.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item-group.vue2.js","sources":["../../../../../packages/components/menu/menu-item-group.vue"],"sourcesContent":["<script lang=\"ts\">\nconst ns = /* hoist-static*/ useNamespace('menu-item-group')\n\nimport { defineComponent as DO_defineComponent } from 'vue';\nexport default /*#__PURE__*/ DO_defineComponent({\n\tname: ns.b()\n});</script>\n<template>\n  <li :class=\"ns.b()\">\n    <div :class=\"ns.e('title')\">\n      <template v-if=\"!$slots.title\">{{ title }}</template>\n      <slot v-else name=\"title\" />\n    </div>\n    <ul>\n      <slot />\n    </ul>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useNamespace } from '@vft-ui/hooks';\n\ninterface Props {\n\ttitle?: string\n}\n\ndefineProps({\n  \"title\": null\n});\n\n\n\n;\n</script>\n"],"names":["ns","useNamespace","__default__","DO_defineComponent"],"mappings":"gVACA,MAAMA,EAAuBC,EAAAA,aAAa,iBAAiB,EAG3DC,EAA6BC,EAAAA,gBAAmB,CAC/C,KAAMH,EAAG,EAAE,CACZ,CAAC"}

package/lib/components/menu/menu-item.vue.d.ts

@@ -0,0 +1,81 @@
+import type { PropType as __PropType } from 'vue';
+import { type RouteLocationRaw } from 'vue-router';
+import { type IconProps } from 'vft/es/components';
+declare const _sfc_main: import("vue").DefineComponent<{
+    index: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    route: {
+        type: __PropType<RouteLocationRaw | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    isAloneUse: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    divider: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    className: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    reverse: {
+        type: __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: __PropType<string | undefined>;
+        required: false;
+    };
+    route: {
+        type: __PropType<RouteLocationRaw | undefined>;
+        required: false;
+    };
+    disabled: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    icon: {
+        type: __PropType<IconProps | undefined>;
+        required: false;
+    };
+    title: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    isAloneUse: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    divider: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+    className: {
+        type: __PropType<string | undefined>;
+        required: false;
+    };
+    reverse: {
+        type: __PropType<boolean | undefined>;
+        required: false;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./menu-item.vue2.js");exports.default=e.default;
+//# sourceMappingURL=menu-item.vue.js.map

package/lib/components/menu/menu-item.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-item.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}