rappel-ui 1.0.34 → 1.0.36

package/README.md

@@ -19,6 +19,7 @@ pnpm add rappel-ui -D
 - RePopconfirm
 - ReMessage
 - ReSvgIcon
+- ReDropdown
 - developing...
 
 #### Usage

package/cjs/components/dropdown/index.d.ts

@@ -1,100 +1,9 @@
+import { default as Dropdown } from './src/dropdown.vue';
 import { CreateComponentPublicInstanceWithMixins, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
-import { DropdownProps, OptionsItem, DropdownSubmenuProps } from './index.ts';
+import { DropdownSubmenuProps, DropdownOption } from './index.ts';
 export * from './src/types.ts';
 export * from './src/use-dropdown-emit.ts';
-export declare const ReDropdown: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DropdownProps & {
-        visible?: boolean;
-    }> & Readonly<{
-        onSelect?: ((value: any, item: OptionsItem) => any) | undefined;
-        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
-        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
-        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
-        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
-        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
-        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
-        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
-        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
-        "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
-    }>, {
-        tooltipRef: any;
-        select: (value: any, item: OptionsItem) => void;
-    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-        select: (value: any, item: OptionsItem) => any;
-        beforeEnter: (el: HTMLElement) => any;
-        enter: (el: HTMLElement, done: () => void) => any;
-        enterCancelled: (el: HTMLElement) => any;
-        afterEnter: (el: HTMLElement) => any;
-        beforeLeave: (el: HTMLElement) => any;
-        leave: (el: HTMLElement, done: () => void) => any;
-        leaveCancelled: (el: HTMLElement) => any;
-        afterLeave: (el: HTMLElement) => any;
-        "update:visible": (value: boolean | undefined) => any;
-    }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
-        P: {};
-        B: {};
-        D: {};
-        C: {};
-        M: {};
-        Defaults: {};
-    }, Readonly< DropdownProps & {
-        visible?: boolean;
-    }> & Readonly<{
-        onSelect?: ((value: any, item: OptionsItem) => any) | undefined;
-        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
-        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
-        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
-        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
-        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
-        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
-        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
-        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
-        "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
-    }>, {
-        tooltipRef: any;
-        select: (value: any, item: OptionsItem) => void;
-    }, {}, {}, {}, {}>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< DropdownProps & {
-    visible?: boolean;
-}> & Readonly<{
-    onSelect?: ((value: any, item: OptionsItem) => any) | undefined;
-    onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
-    onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
-    onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
-    onAfterEnter?: ((el: HTMLElement) => any) | undefined;
-    onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
-    onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
-    onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
-    onAfterLeave?: ((el: HTMLElement) => any) | undefined;
-    "onUpdate:visible"?: ((value: boolean | undefined) => any) | undefined;
-}>, {
-    tooltipRef: any;
-    select: (value: any, item: OptionsItem) => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    select: (value: any, item: OptionsItem) => any;
-    beforeEnter: (el: HTMLElement) => any;
-    enter: (el: HTMLElement, done: () => void) => any;
-    enterCancelled: (el: HTMLElement) => any;
-    afterEnter: (el: HTMLElement) => any;
-    beforeLeave: (el: HTMLElement) => any;
-    leave: (el: HTMLElement, done: () => void) => any;
-    leaveCancelled: (el: HTMLElement) => any;
-    afterLeave: (el: HTMLElement) => any;
-    "update:visible": (value: boolean | undefined) => any;
-}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
-    $slots: {
-        menu?: (props: {
-            options: OptionsItem[];
-        }) => any;
-    } & {
-        item?: (props: {
-            options: OptionsItem[];
-        }) => any;
-    };
-});
+export declare const ReDropdown: typeof Dropdown;
 export declare const ReDropdownMenu: {
     new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, true, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
@@ -129,21 +38,23 @@ export declare const ReDropdownSubmenu: {
         label?: (props: {}) => any;
     } & {
         default?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
     };
 });
 export declare const ReDropdownItem: {
-    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< OptionsItem> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
+    new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< DropdownOption> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly< OptionsItem> & Readonly<{}>, {}, {}, {}, {}, {}>;
+    }, Readonly< DropdownOption> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & ComponentOptionsBase<Readonly< OptionsItem> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
+} & ComponentOptionsBase<Readonly< DropdownOption> & Readonly<{}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
     $slots: {
         icon?: (props: {}) => any;
     } & {
@@ -151,7 +62,9 @@ export declare const ReDropdownItem: {
     } & {
         'sub-icon'?: (props: {}) => any;
     } & {
-        submenu?: (props: {}) => any;
+        'item-submenu'?: (props: {}) => any;
+    } & {
+        default?: (props: {}) => any;
     };
 });
 export default ReDropdown;

package/cjs/components/dropdown/src/dropdown-item.vue.d.ts

@@ -1,16 +1,18 @@
-import { OptionsItem } from './types';
+import { DropdownOption } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_17: {};
+declare var __VLS_9: {}, __VLS_16: {}, __VLS_18: {}, __VLS_32: {}, __VLS_39: {};
 type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_1) => any;
+    icon?: (props: typeof __VLS_9) => any;
 } & {
-    default?: (props: typeof __VLS_8) => any;
+    default?: (props: typeof __VLS_16) => any;
 } & {
-    'sub-icon'?: (props: typeof __VLS_10) => any;
+    'sub-icon'?: (props: typeof __VLS_18) => any;
 } & {
-    submenu?: (props: typeof __VLS_17) => any;
+    'item-submenu'?: (props: typeof __VLS_32) => any;
+} & {
+    default?: (props: typeof __VLS_39) => any;
 };
-declare const __VLS_base: DefineComponent<OptionsItem, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<OptionsItem> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: DefineComponent<DropdownOption, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DropdownOption> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/cjs/components/dropdown/src/dropdown-item.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("./constants.js");let n=require("vue"),r=require("@vueuse/core"),i=require("@rappel-ui/svg-icons");var a=(0,n.defineComponent)({name:`ReDropdownItem`,__name:`dropdown-item`,props:{value:{default:``},label:{default:``},disabled:{type:Boolean,default:!1},children:{default:()=>[]},hasChildren:{type:Boolean,default:!1},icon:{default:``}},setup(a){let{ns:o,is:s,has:c}=e.useNamespace(`dropdown`),l=(0,n.computed)(()=>{var e;return[o(`item`),s(`disabled`,a.disabled),c(`children`,a.hasChildren||((e=a.children)==null?void 0:e.length)>0)]}),u=(0,n.inject)(t._dropdownProvideKey,null),d=e=>{var t;e.stopPropagation(),!(a.hasChildren||((t=a.children)==null?void 0:t.length)>0)&&(u==null||u.select(a.value,{label:a.label,disabled:a.disabled,value:a.value,children:a.children}))},f=(0,r.computedAsync)(async()=>await(0,i.getAsyncIcon)(a.icon));return(e,t)=>{var r;return(0,n.openBlock)(),(0,n.createElementBlock)(`li`,{class:(0,n.normalizeClass)(l.value),onClick:d},[a.icon?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:(0,n.normalizeClass)([(0,n.unref)(o)(`icon`)])},[(0,n.renderSlot)(e.$slots,`icon`,{},()=>[typeof(0,n.unref)(f)==`string`?((0,n.openBlock)(),(0,n.createElementBlock)(`i`,{key:0,class:(0,n.normalizeClass)([(0,n.unref)(f)]),"aria-hidden":`true`},null,2)):((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)((0,n.unref)(f)),{key:1,"aria-hidden":`true`}))])],2)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([(0,n.unref)(o)(`label`)])},[(0,n.renderSlot)(e.$slots,`default`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(a.label),1)])],2),a.hasChildren||(r=a.children)!=null&&r.length?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,class:(0,n.normalizeClass)([(0,n.unref)(o)(`subicon`)])},[(0,n.renderSlot)(e.$slots,`sub-icon`,{},()=>[(0,n.createVNode)((0,n.unref)(i.ArrowBackward))])],2)):(0,n.createCommentVNode)(``,!0),(0,n.renderSlot)(e.$slots,`submenu`)],2)}}});exports.default=a;
+const e=require("../../../composables/use-namespace/index.js"),t=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");const n=require("../../tooltip/index.js"),r=require("./constants.js"),i=require("./loop.js");let a=require("vue"),o=require("@vueuse/core"),s=require("@rappel-ui/svg-icons");var c=[`depth`],l=(0,a.defineComponent)({name:`ReDropdownItem`,__name:`dropdown-item`,props:{value:{default:``},label:{default:``},disabled:{type:Boolean,default:()=>void 0},children:{default:()=>[]},hasChildren:{type:Boolean,default:()=>void 0},icon:{default:``},subIcon:{default:()=>s.ArrowBackward},depth:{default:()=>void 0}},setup(l){let{n:u,ns:d,is:f,has:p}=e.useNamespace(`dropdown`),m=(0,a.computed)(()=>{var e,t;return(e=l.hasChildren)==null?((t=l.children)==null?void 0:t.length)>0:e}),h=(0,a.computed)(()=>[d(`item`),f(`disabled`,l.disabled),p(`children`,m.value)]),g=(0,a.computed)(()=>{var e;return(e=l.depth)==null?y.value:e}),_=(0,a.computed)(()=>!m.value||l.disabled),v=(0,a.inject)(r._dropdownProvideKey,null),y=(0,a.computed)(()=>v==null?void 0:v.depth.value),b=(0,a.computed)(()=>v.theme.value),x=(0,a.computed)(()=>v.reverseTheme.value),S=(0,a.computed)(()=>{var e;return v==null||(e=v.submenuOffset)==null?void 0:e.value}),C=e=>{e.stopPropagation(),!(m.value||l.disabled)&&(v==null||v.select(l.value,{label:l.label,disabled:l.disabled,value:l.value,children:l.children,hasChildren:l.hasChildren,icon:l.icon,subIcon:l.subIcon,depth:g.value}))},w=(0,o.computedAsync)(async()=>await(0,s.getAsyncIcon)(l.icon)),T=(0,o.computedAsync)(async()=>await(0,s.getAsyncIcon)(l.subIcon)),E=(0,a.useTemplateRef)(`tooltipRef`),D=(0,a.computed)(()=>{var e;let t=(e=E.value)==null?void 0:e.floatingPlacement;return[{"transform-origin":r.originsMap[t]}]}),{currentTheme:O}=t.useTheme(b.value,x.value);return(e,t)=>((0,a.openBlock)(),(0,a.createElementBlock)(`li`,{class:(0,a.normalizeClass)(h.value),depth:g.value,onClick:C},[(0,a.createVNode)((0,a.unref)(n.ReTooltip),{ref_key:`tooltipRef`,ref:E,"floating-class":[m.value?[(0,a.unref)(u)(),(0,a.unref)(d)(`submenu`)]:``,(0,a.unref)(f)(`disabled`,l.disabled)],"floating-style":D.value,disabled:_.value,teleported:!1,placement:`right-start`,"show-arrow":!1,transform:!1,transition:`dropdown`,offset:S.value,theme:b.value,"reverse-theme":x.value},{content:(0,a.withCtx)(()=>{var t;return[(t=e.$slots)!=null&&t[`item-submenu`]&&!l.disabled?((0,a.openBlock)(),(0,a.createBlock)(i.default,{key:0,class:(0,a.normalizeClass)([(0,a.unref)(u)(),(0,a.unref)(f)((0,a.unref)(O),!!(0,a.unref)(O))])},{default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`item-submenu`)]),_:3},8,[`class`])):m.value&&!l.disabled?((0,a.openBlock)(),(0,a.createBlock)(i.default,{key:1,class:(0,a.normalizeClass)([(0,a.unref)(u)(),(0,a.unref)(f)((0,a.unref)(O),!!(0,a.unref)(O))]),options:l.children},null,8,[`class`,`options`])):(0,a.renderSlot)(e.$slots,`default`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(l.label),1)],void 0,2)]}),default:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,{class:(0,a.normalizeClass)([(0,a.unref)(d)(`label-wrap`)])},[l.icon?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,class:(0,a.normalizeClass)([(0,a.unref)(d)(`icon`)])},[(0,a.renderSlot)(e.$slots,`icon`,{},()=>[typeof(0,a.unref)(w)==`string`?((0,a.openBlock)(),(0,a.createElementBlock)(`i`,{key:0,class:(0,a.normalizeClass)([(0,a.unref)(w)]),"aria-hidden":`true`},null,2)):((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)((0,a.unref)(w)),{key:1,"aria-hidden":`true`}))])],2)):(0,a.createCommentVNode)(``,!0),(0,a.createElementVNode)(`div`,{class:(0,a.normalizeClass)([(0,a.unref)(d)(`label`)])},[(0,a.renderSlot)(e.$slots,`default`,{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)(l.label),1)])],2),l.subIcon&&m.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:1,class:(0,a.normalizeClass)([(0,a.unref)(d)(`subicon`)])},[(0,a.renderSlot)(e.$slots,`sub-icon`,{},()=>[typeof(0,a.unref)(T)==`string`?((0,a.openBlock)(),(0,a.createElementBlock)(`i`,{key:0,class:(0,a.normalizeClass)([(0,a.unref)(T)]),"aria-hidden":`true`},null,2)):((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)((0,a.unref)(T)),{key:1,"aria-hidden":`true`}))])],2)):(0,a.createCommentVNode)(``,!0)],2)]),_:3},8,[`floating-class`,`floating-style`,`disabled`,`offset`,`theme`,`reverse-theme`])],10,c))}});exports.default=l;

package/cjs/components/dropdown/src/dropdown-submenu.vue.d.ts

@@ -1,10 +1,12 @@
-import { DropdownSubmenuProps } from './types.ts';
+import { DropdownSubmenuProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-declare var __VLS_8: {}, __VLS_17: {};
+declare var __VLS_8: {}, __VLS_17: {}, __VLS_20: {};
 type __VLS_Slots = {} & {
     label?: (props: typeof __VLS_8) => any;
 } & {
     default?: (props: typeof __VLS_17) => any;
+} & {
+    default?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: DefineComponent<DropdownSubmenuProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DropdownSubmenuProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/cjs/components/dropdown/src/dropdown-submenu.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("./dropdown-menu.js"),n=require("./dropdown-item.js");let r=require("vue");var i=(0,r.defineComponent)({name:`ReDropdownSubmenu`,__name:`dropdown-submenu`,props:{item:{default:()=>({value:``,children:[]})}},setup(i){let{n:a,ns:o}=e.useNamespace(`dropdown`);return(e,s)=>{let c=(0,r.resolveComponent)(`dropdown-submenu`,!0);return(0,r.openBlock)(),(0,r.createBlock)(n.default,(0,r.mergeProps)(i.item,{"has-children":``}),{submenu:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([(0,r.unref)(a)(`dropdown`),(0,r.unref)(a)(`tooltip`),(0,r.unref)(o)(`children`)])},[(0,r.createVNode)(t.default,null,{default:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`default`,{},()=>[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(i.item.children,e=>{var t;return(0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:e.value},[e!=null&&(t=e.children)!=null&&t.length?((0,r.openBlock)(),(0,r.createBlock)(c,{key:0,item:e},null,8,[`item`])):((0,r.openBlock)(),(0,r.createBlock)(n.default,(0,r.mergeProps)({key:1,ref_for:!0},e),null,16))],64)}),128))])]),_:3})],2)]),default:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`label`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(i.item.label),1)])]),_:3},16)}}});exports.default=i;
+const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("./constants.js"),n=require("./dropdown-item.js"),r=require("./loop.js");let i=require("vue");var a=(0,i.defineComponent)({name:`ReDropdownSubmenu`,__name:`dropdown-submenu`,props:{item:{default:()=>({value:void 0})},depth:{default:()=>void 0}},setup(a){let{n:o,ns:s}=e.useNamespace(`dropdown`),c=(0,i.inject)(t._dropdownProvideKey),l=(0,i.computed)(()=>{var e;return c==null||(e=c.depth)==null?void 0:e.value}),u=(0,i.computed)(()=>{var e;return c==null||(e=c.hasOptions)==null?void 0:e.value});return(0,i.provide)(t._dropdownProvideKey,{...c,depth:(0,i.computed)(()=>{var e;return((e=l.value)==null?0:e)+1})}),(e,t)=>{var c;return(0,i.openBlock)(),(0,i.createBlock)(n.default,(0,i.mergeProps)(a.item,{depth:(c=a.depth)==null?l.value:c,"has-children":``}),(0,i.createSlots)({submenu:(0,i.withCtx)(()=>[(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([(0,i.unref)(o)(),(0,i.unref)(s)(`submenu`)]),onClick:t[0]||(t[0]=(0,i.withModifiers)(()=>{},[`stop`]))},[(0,i.createVNode)(r.default,{options:a.item.children},{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`default`)]),_:3},8,[`options`])],2)]),default:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`label`,{},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(a.item.label),1)])]),_:2},[u.value?void 0:{name:`item-submenu`,fn:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`default`)]),key:`0`}]),1040,[`depth`])}}});exports.default=a;

package/cjs/components/dropdown/src/dropdown.vue.d.ts

@@ -1,25 +1,357 @@
-import { DropdownProps, OptionsItem } from './types';
-import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+import { DropdownProps, DropdownOption } from './types';
+import { MaybeClass, Theme } from '../../../types';
+import { DefineComponent, ShallowRef, ComponentInternalInstance, StyleValue, VNodeProps, AllowedComponentProps, ComponentCustomProps, Attrs, Slot, ComponentPublicInstance, ComponentOptionsBase, ComputedRef, Ref, ComponentOptionsMixin, GlobalComponents, GlobalDirectives, ComponentProvideOptions, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ComponentCustomProperties, PublicProps } from 'vue';
+import { Placement, OffsetOptions, Boundary, ElementContext, RootBoundary, ArrowOptions, ShiftOptions, FlipOptions, InlineOptions, HideOptions, VirtualElement } from '@floating-ui/vue';
+import { Trigger, TransitionMode, TooltipProps } from '../..';
+import { OnCleanup } from '@vue/reactivity';
 type __VLS_Props = DropdownProps;
 type __VLS_ModelProps = {
     'visible'?: boolean;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_24: {
-    options: OptionsItem[];
-}, __VLS_32: {
-    options: OptionsItem[];
+    options: (DropdownOption & {
+        depth: number;
+    })[] | undefined;
 };
 type __VLS_Slots = {} & {
     menu?: (props: typeof __VLS_24) => any;
-} & {
-    item?: (props: typeof __VLS_32) => any;
 };
 declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
-    tooltipRef: any;
-    select: (value: any, item: OptionsItem) => void;
+    tooltipRef: Readonly< ShallowRef<({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly visible?: boolean | undefined;
+            readonly content?: string | undefined;
+            readonly isHtml?: boolean | undefined;
+            readonly placement?: Placement | undefined;
+            readonly delay?: number | string | undefined;
+            readonly width?: number | string | undefined;
+            readonly height?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
+            readonly maxHeight?: number | string | undefined;
+            readonly trigger?: Trigger | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly clickToToggle?: boolean | undefined;
+            readonly showDelay?: number | string | undefined;
+            readonly hideDelay?: number | string | undefined;
+            readonly showArrow?: boolean | undefined;
+            readonly floatingClass?: MaybeClass | undefined;
+            readonly floatingStyle?: StyleValue;
+            readonly theme?: Theme | undefined;
+            readonly reverseTheme?: boolean | undefined;
+            readonly offset?: (number | OffsetOptions) | undefined;
+            readonly teleported?: boolean | undefined;
+            readonly appendTo?: (string | HTMLElement) | undefined;
+            readonly persistent?: boolean | undefined;
+            readonly boundary?: ( Boundary | HTMLElement) | undefined;
+            readonly elementContext?: ElementContext | undefined;
+            readonly altBoundary?: boolean | undefined;
+            readonly rootBoundary?: RootBoundary | undefined;
+            readonly transition?: string | undefined;
+            readonly mode?: TransitionMode | undefined;
+            readonly cssTransition?: boolean | undefined;
+            readonly cssDuration?: number | undefined;
+            readonly appear?: boolean | undefined;
+            readonly arrowSize?: number | undefined;
+            readonly arrowOffset?: number | undefined;
+            readonly arrowOptions?: ArrowOptions | undefined;
+            readonly shiftOptions?: ShiftOptions | undefined;
+            readonly flipOffset?: number | undefined;
+            readonly flipOptions?: FlipOptions | undefined;
+            readonly inlineOptions?: InlineOptions | undefined;
+            readonly hideOptions?: HideOptions | undefined;
+            readonly isExternal?: boolean | undefined;
+            readonly externalRef?: (HTMLElement | null) | undefined;
+            readonly isVirtual?: boolean | undefined;
+            readonly virtualRef?: ( VirtualElement | null) | undefined;
+            readonly zIndex?: number | undefined;
+            readonly transform?: boolean | undefined;
+            readonly strategy?: "absolute" | "fixed" | undefined;
+            readonly onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+            readonly onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+            readonly onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+            readonly onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+            readonly onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+            readonly onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+            readonly onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+            readonly onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+            readonly "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "beforeEnter", el: HTMLElement) => void) & ((event: "enter", el: HTMLElement, done: () => void) => void) & ((event: "enterCancelled", el: HTMLElement) => void) & ((event: "afterEnter", el: HTMLElement) => void) & ((event: "beforeLeave", el: HTMLElement) => void) & ((event: "leave", el: HTMLElement, done: () => void) => void) & ((event: "leaveCancelled", el: HTMLElement) => void) & ((event: "afterLeave", el: HTMLElement) => void) & ((event: "update:visible", value: boolean) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< TooltipProps & {
+            visible?: boolean;
+        }> & Readonly<{
+            onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+            onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+            onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+            onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+            onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+            onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+            onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+            onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        }>, {
+            update: () => void;
+            hide: () => void;
+            delayHide: (cb: () => void) => void;
+            show: () => void;
+            delayShow: () => void;
+            triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
+            floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
+            arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
+            floatingPlacement: Readonly< Ref<Placement, Placement>>;
+            isPositioned: Readonly< Ref<boolean, boolean>>;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            beforeEnter: (el: HTMLElement) => any;
+            enter: (el: HTMLElement, done: () => void) => any;
+            enterCancelled: (el: HTMLElement) => any;
+            afterEnter: (el: HTMLElement) => any;
+            beforeLeave: (el: HTMLElement) => any;
+            leave: (el: HTMLElement, done: () => void) => any;
+            leaveCancelled: (el: HTMLElement) => any;
+            afterLeave: (el: HTMLElement) => any;
+            "update:visible": (value: boolean) => any;
+        }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly< TooltipProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, "update" | "triggerRef" | "floatingRef" | "hide" | "show" | "arrowRef" | "isPositioned" | "delayShow" | "delayHide" | "floatingPlacement"> & {
+        update: () => void;
+        hide: () => void;
+        delayHide: (cb: () => void) => void;
+        show: () => void;
+        delayShow: () => void;
+        triggerRef: HTMLElement | VirtualElement | null | undefined;
+        floatingRef: HTMLElement | null;
+        arrowRef: HTMLSpanElement | null;
+        floatingPlacement: Placement;
+        isPositioned: boolean;
+    } & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            content?: (props: {
+                isHtml: boolean | undefined;
+                content: string;
+                zIndex: number;
+                placement: Placement;
+            }) => any;
+        } & {
+            arrow?: (props: {
+                showArrow: boolean;
+                arrowStyle: StyleValue;
+                placement: Placement;
+                zIndex: number;
+            }) => any;
+        };
+    }) | null, ({
+        $: ComponentInternalInstance;
+        $data: {};
+        $props: {
+            readonly visible?: boolean | undefined;
+            readonly content?: string | undefined;
+            readonly isHtml?: boolean | undefined;
+            readonly placement?: Placement | undefined;
+            readonly delay?: number | string | undefined;
+            readonly width?: number | string | undefined;
+            readonly height?: number | string | undefined;
+            readonly maxWidth?: number | string | undefined;
+            readonly maxHeight?: number | string | undefined;
+            readonly trigger?: Trigger | undefined;
+            readonly disabled?: boolean | undefined;
+            readonly clickToToggle?: boolean | undefined;
+            readonly showDelay?: number | string | undefined;
+            readonly hideDelay?: number | string | undefined;
+            readonly showArrow?: boolean | undefined;
+            readonly floatingClass?: MaybeClass | undefined;
+            readonly floatingStyle?: StyleValue;
+            readonly theme?: Theme | undefined;
+            readonly reverseTheme?: boolean | undefined;
+            readonly offset?: (number | OffsetOptions) | undefined;
+            readonly teleported?: boolean | undefined;
+            readonly appendTo?: (string | HTMLElement) | undefined;
+            readonly persistent?: boolean | undefined;
+            readonly boundary?: ( Boundary | HTMLElement) | undefined;
+            readonly elementContext?: ElementContext | undefined;
+            readonly altBoundary?: boolean | undefined;
+            readonly rootBoundary?: RootBoundary | undefined;
+            readonly transition?: string | undefined;
+            readonly mode?: TransitionMode | undefined;
+            readonly cssTransition?: boolean | undefined;
+            readonly cssDuration?: number | undefined;
+            readonly appear?: boolean | undefined;
+            readonly arrowSize?: number | undefined;
+            readonly arrowOffset?: number | undefined;
+            readonly arrowOptions?: ArrowOptions | undefined;
+            readonly shiftOptions?: ShiftOptions | undefined;
+            readonly flipOffset?: number | undefined;
+            readonly flipOptions?: FlipOptions | undefined;
+            readonly inlineOptions?: InlineOptions | undefined;
+            readonly hideOptions?: HideOptions | undefined;
+            readonly isExternal?: boolean | undefined;
+            readonly externalRef?: (HTMLElement | null) | undefined;
+            readonly isVirtual?: boolean | undefined;
+            readonly virtualRef?: ( VirtualElement | null) | undefined;
+            readonly zIndex?: number | undefined;
+            readonly transform?: boolean | undefined;
+            readonly strategy?: "absolute" | "fixed" | undefined;
+            readonly onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+            readonly onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+            readonly onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+            readonly onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+            readonly onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+            readonly onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+            readonly onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+            readonly onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+            readonly "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        } & VNodeProps & AllowedComponentProps & ComponentCustomProps;
+        $attrs: Attrs;
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: Slot<any> | undefined;
+        }>;
+        $root: ComponentPublicInstance | null;
+        $parent: ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: ((event: "beforeEnter", el: HTMLElement) => void) & ((event: "enter", el: HTMLElement, done: () => void) => void) & ((event: "enterCancelled", el: HTMLElement) => void) & ((event: "afterEnter", el: HTMLElement) => void) & ((event: "beforeLeave", el: HTMLElement) => void) & ((event: "leave", el: HTMLElement, done: () => void) => void) & ((event: "leaveCancelled", el: HTMLElement) => void) & ((event: "afterLeave", el: HTMLElement) => void) & ((event: "update:visible", value: boolean) => void);
+        $el: any;
+        $options: ComponentOptionsBase<Readonly< TooltipProps & {
+            visible?: boolean;
+        }> & Readonly<{
+            onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+            onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+            onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+            onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+            onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+            onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+            onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+            onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+            "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+        }>, {
+            update: () => void;
+            hide: () => void;
+            delayHide: (cb: () => void) => void;
+            show: () => void;
+            delayShow: () => void;
+            triggerRef: ComputedRef<HTMLElement | VirtualElement | null | undefined>;
+            floatingRef: Readonly< ShallowRef<HTMLElement | null>>;
+            arrowRef: Readonly< ShallowRef<HTMLSpanElement | null, HTMLSpanElement | null>>;
+            floatingPlacement: Readonly< Ref<Placement, Placement>>;
+            isPositioned: Readonly< Ref<boolean, boolean>>;
+        }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+            beforeEnter: (el: HTMLElement) => any;
+            enter: (el: HTMLElement, done: () => void) => any;
+            enterCancelled: (el: HTMLElement) => any;
+            afterEnter: (el: HTMLElement) => any;
+            beforeLeave: (el: HTMLElement) => any;
+            leave: (el: HTMLElement, done: () => void) => any;
+            leaveCancelled: (el: HTMLElement) => any;
+            afterLeave: (el: HTMLElement) => any;
+            "update:visible": (value: boolean) => any;
+        }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            renderTriggered?: ((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, OnCleanup]) => any : (...args: [any, any, OnCleanup]) => any, options?: WatchOptions): WatchStopHandle;
+    } & Readonly<{}> & Omit<Readonly< TooltipProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onEnterCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onLeaveCancelled?: ((el: HTMLElement) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, "update" | "triggerRef" | "floatingRef" | "hide" | "show" | "arrowRef" | "isPositioned" | "delayShow" | "delayHide" | "floatingPlacement"> & {
+        update: () => void;
+        hide: () => void;
+        delayHide: (cb: () => void) => void;
+        show: () => void;
+        delayShow: () => void;
+        triggerRef: HTMLElement | VirtualElement | null | undefined;
+        floatingRef: HTMLElement | null;
+        arrowRef: HTMLSpanElement | null;
+        floatingPlacement: Placement;
+        isPositioned: boolean;
+    } & {} & ComponentCustomProperties & {} & {
+        $slots: {
+            content?: (props: {
+                isHtml: boolean | undefined;
+                content: string;
+                zIndex: number;
+                placement: Placement;
+            }) => any;
+        } & {
+            arrow?: (props: {
+                showArrow: boolean;
+                arrowStyle: StyleValue;
+                placement: Placement;
+                zIndex: number;
+            }) => any;
+        };
+    }) | null>>;
+    select: (value: any, item: DropdownOption) => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-    select: (value: any, item: OptionsItem) => any;
+    select: (value: any, item: DropdownOption) => any;
     beforeEnter: (el: HTMLElement) => any;
     enter: (el: HTMLElement, done: () => void) => any;
     enterCancelled: (el: HTMLElement) => any;
@@ -30,7 +362,7 @@ declare const __VLS_base: DefineComponent<__VLS_PublicProps, {
     afterLeave: (el: HTMLElement) => any;
     "update:visible": (value: boolean | undefined) => any;
 }, string, PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    onSelect?: ((value: any, item: OptionsItem) => any) | undefined;
+    onSelect?: ((value: any, item: DropdownOption) => any) | undefined;
     onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
     onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
     onEnterCancelled?: ((el: HTMLElement) => any) | undefined;

package/cjs/components/dropdown/src/dropdown.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-const e=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const t=require("../../tooltip/src/constants.js"),n=require("./dropdown-menu.js"),r=require("./constants.js"),i=require("./dropdown-item.js"),a=require("./dropdown-submenu.js"),o=require("./use-dropdown-emit.js");let s=require("vue");var c=(0,s.defineComponent)({name:`ReDropdownSubmenu`,__name:`dropdown`,props:(0,s.mergeModels)({options:{default:()=>[]},itemProps:{default:()=>({})},closeOnSelect:{type:Boolean,default:!0},visible:{type:Boolean},content:{},isHtml:{type:Boolean},placement:{default:`bottom`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},clickToToggle:{type:Boolean},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`dropdown`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:300},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0},zIndex:{},transform:{type:Boolean},strategy:{}},{visible:{type:Boolean},visibleModifiers:{}}),emits:(0,s.mergeModels)([`select`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(c,{expose:l,emit:u}){let{n:d}=e.useNamespace(`dropdown`),{beforeEnter:f,enter:p,afterEnter:m,beforeLeave:h,leave:g,afterLeave:_,enterCancelled:v,leaveCancelled:y,select:b}=o.useDropdownEmits(u),x=(0,s.useModel)(c,`visible`),S=(0,s.computed)(()=>[d(),c.floatingClass]),C=(0,s.useSlots)(),w=(0,s.computed)(()=>{var e,n;let r=C==null||(e=C.default)==null||(e=e.call(C))==null?void 0:e.filter(e=>e&&!t.filterNodeTypes.includes(e.type.toString()))[0];return(r==null||(n=r.type)==null?void 0:n.toString())===`Symbol(v-txt)`?(0,s.h)(`span`,{},r):r}),T=(0,s.useTemplateRef)(`tooltipRef`),E=(0,s.computed)(()=>{var e;let t=(e=T.value)==null?void 0:e.floatingPlacement,n=r.originsMap[t];return[c.floatingStyle,{"transform-origin":n}]}),D=(0,s.computed)(()=>Array.isArray(c.options)&&c.options.length>0),O=(e,t)=>{t.disabled||(b(e,t),c.closeOnSelect&&(x.value=!1))},k=Object.assign({},{label:`label`,value:`value`,disabled:`disabled`,children:`children`},c.itemProps||{}),A=e=>({...e,label:e[k.label],value:e[k.value],disabled:e[k.disabled],children:e[k.children]}),j=e=>e.map(e=>{let t=A(e);return Array.isArray(t.children)&&t.children.length>0&&(t.children=j(t.children)),t}),M=(0,s.computed)(()=>j(c.options));return(0,s.provide)(r._dropdownProvideKey,{select:O}),l({tooltipRef:T,select:O}),(e,t)=>{let r=(0,s.resolveComponent)(`re-tooltip`);return(0,s.openBlock)(),(0,s.createBlock)(r,{ref_key:`tooltipRef`,ref:T,visible:x.value,"onUpdate:visible":t[0]||(t[0]=e=>x.value=e),width:c.width,height:c.height,"max-width":c.maxWidth,"max-height":c.maxHeight,"floating-class":S.value,"floating-style":E.value,disabled:c.disabled,theme:c.theme,placement:c.placement,trigger:c.trigger,"reverse-theme":c.reverseTheme,"show-delay":c.showDelay,"hide-delay":c.hideDelay,transition:c.transition,"css-duration":c.cssDuration,"css-transition":c.cssTransition,transform:!1,"show-arrow":c.showArrow,offset:c.offset,teleported:c.teleported,"append-to":c.appendTo,persistent:c.persistent,boundary:c.boundary,"element-context":c.elementContext,"alt-boundary":c.altBoundary,"root-boundary":c.rootBoundary,"arrow-size":c.arrowSize,"arrow-offset":c.arrowOffset,"flip-offset":c.flipOffset,"arrow-options":c.arrowOptions,"flip-options":c.flipOptions,"inline-options":c.inlineOptions,"is-external":c.isExternal,"external-ref":c.externalRef,"is-virtual":c.isVirtual,"virtual-ref":c.virtualRef,onBeforeEnter:(0,s.unref)(f),onEnter:(0,s.unref)(p),onAfterEnter:(0,s.unref)(m),onBeforeLeave:(0,s.unref)(h),onLeave:(0,s.unref)(g),onAfterLeave:(0,s.unref)(_),onEnterCancelled:(0,s.unref)(v),onLeaveCancelled:(0,s.unref)(y)},{content:(0,s.withCtx)(()=>[(0,s.renderSlot)(e.$slots,`menu`,{options:c.options},()=>[D.value?((0,s.openBlock)(),(0,s.createBlock)(n.default,{key:0},{default:(0,s.withCtx)(()=>[(0,s.renderSlot)(e.$slots,`item`,{options:c.options},()=>[((0,s.openBlock)(!0),(0,s.createElementBlock)(s.Fragment,null,(0,s.renderList)(M.value,e=>{var t;return(0,s.openBlock)(),(0,s.createElementBlock)(s.Fragment,{key:e.value},[e!=null&&(t=e.children)!=null&&t.length?((0,s.openBlock)(),(0,s.createBlock)(a.default,{key:0,item:e},null,8,[`item`])):((0,s.openBlock)(),(0,s.createBlock)(i.default,(0,s.mergeProps)({key:1,ref_for:!0},e),null,16))],64)}),128))])]),_:3})):(0,s.createCommentVNode)(``,!0)])]),default:(0,s.withCtx)(()=>[((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(w.value)))]),_:3},8,`visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`))}}});exports.default=c;
+const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-slot-node/index.js");require("../../../composables/index.js");const r=require("../../tooltip/index.js"),i=require("./constants.js"),a=require("./loop.js"),o=require("./use-dropdown-emit.js");let s=require("vue");var c=(0,s.defineComponent)({name:`ReDropdown`,__name:`dropdown`,props:(0,s.mergeModels)({options:{default:()=>void 0},mapper:{default:()=>void 0},closeOnSelect:{type:Boolean,default:!0},submenuOffset:{default:()=>({mainAxis:0,crossAxis:-5})},visible:{type:Boolean},content:{},isHtml:{type:Boolean},placement:{default:`bottom`},delay:{},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},trigger:{default:`hover`},disabled:{type:Boolean,default:()=>void 0},clickToToggle:{type:Boolean},showDelay:{default:0},hideDelay:{default:200},showArrow:{type:Boolean,default:!0},floatingClass:{default:()=>void 0},floatingStyle:{type:[Boolean,null,String,Object,Array],default:()=>void 0},theme:{default:`auto`},reverseTheme:{type:Boolean,default:!1},offset:{type:[Number,Object,Function],default:10},teleported:{type:Boolean,default:!0},appendTo:{default:`body`},persistent:{type:Boolean,default:!0},boundary:{default:`clippingAncestors`},elementContext:{default:`floating`},altBoundary:{type:Boolean,default:!1},rootBoundary:{default:`viewport`},transition:{default:`dropdown`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:300},appear:{type:Boolean},arrowSize:{default:8},arrowOffset:{default:4},arrowOptions:{default:()=>void 0},shiftOptions:{},flipOffset:{default:8},flipOptions:{default:()=>void 0},inlineOptions:{default:()=>void 0},hideOptions:{},isExternal:{type:Boolean,default:()=>void 0},externalRef:{default:()=>void 0},isVirtual:{type:Boolean,default:()=>void 0},virtualRef:{default:()=>void 0},zIndex:{},transform:{type:Boolean},strategy:{}},{visible:{type:Boolean},visibleModifiers:{}}),emits:(0,s.mergeModels)([`select`,`beforeEnter`,`enter`,`enterCancelled`,`afterEnter`,`beforeLeave`,`leave`,`leaveCancelled`,`afterLeave`],[`update:visible`]),setup(c,{expose:l,emit:u}){let{n:d}=t.useNamespace(`dropdown`),{beforeEnter:f,enter:p,afterEnter:m,beforeLeave:h,leave:g,afterLeave:_,enterCancelled:v,leaveCancelled:y,select:b}=o.useDropdownEmits(u),x=(0,s.useModel)(c,`visible`),S=(0,s.computed)(()=>[d(),c.floatingClass]),C=(0,s.useSlots)(),w=(0,s.computed)(()=>n.useSlotFirstNode(C)),T=(0,s.useTemplateRef)(`tooltipRef`),E=(0,s.computed)(()=>{var e;let t=(e=T.value)==null?void 0:e.floatingPlacement,n=i.originsMap[t];return[c.floatingStyle,{"transform-origin":n,"--dropdown-transition-duration":`${c.cssDuration}ms`}]}),D=(0,s.computed)(()=>Array.isArray(c.options)&&c.options.length>0),O=(e,t)=>{t.disabled||(b(e,t),c.closeOnSelect&&(x.value=!1))},k=Object.assign({},{label:`label`,value:`value`,disabled:`disabled`,children:`children`},c.mapper||{}),A=e=>({...e,label:e[k.label],value:e[k.value],disabled:e[k.disabled],children:e[k.children]}),j=(0,s.computed)(()=>e.normalizeOptions(c.options,A)),M=(0,s.ref)(0);return(0,s.provide)(i._dropdownProvideKey,{select:O,depth:M,hasOptions:D,cssDuration:(0,s.computed)(()=>c.cssDuration),theme:(0,s.computed)(()=>c.theme),reverseTheme:(0,s.computed)(()=>c.reverseTheme),submenuOffset:(0,s.computed)(()=>c.submenuOffset)}),l({tooltipRef:T,select:O}),(e,t)=>((0,s.openBlock)(),(0,s.createBlock)((0,s.unref)(r.ReTooltip),{ref_key:`tooltipRef`,ref:T,visible:x.value,"onUpdate:visible":t[0]||(t[0]=e=>x.value=e),width:c.width,height:c.height,"max-width":c.maxWidth,"max-height":c.maxHeight,"floating-class":S.value,"floating-style":E.value,disabled:c.disabled,theme:c.theme,placement:c.placement,trigger:c.trigger,"reverse-theme":c.reverseTheme,"show-delay":c.showDelay,"hide-delay":c.hideDelay,transition:c.transition,"css-duration":c.cssDuration,"css-transition":c.cssTransition,transform:!1,"show-arrow":c.showArrow,offset:c.offset,teleported:c.teleported,"append-to":c.appendTo,persistent:c.persistent,boundary:c.boundary,"element-context":c.elementContext,"alt-boundary":c.altBoundary,"root-boundary":c.rootBoundary,"arrow-size":c.arrowSize,"arrow-offset":c.arrowOffset,"flip-offset":c.flipOffset,"arrow-options":c.arrowOptions,"flip-options":c.flipOptions,"inline-options":c.inlineOptions,"is-external":c.isExternal,"external-ref":c.externalRef,"is-virtual":c.isVirtual,"virtual-ref":c.virtualRef,onBeforeEnter:(0,s.unref)(f),onEnter:(0,s.unref)(p),onAfterEnter:(0,s.unref)(m),onBeforeLeave:(0,s.unref)(h),onLeave:(0,s.unref)(g),onAfterLeave:(0,s.unref)(_),onEnterCancelled:(0,s.unref)(v),onLeaveCancelled:(0,s.unref)(y)},{content:(0,s.withCtx)(()=>[(0,s.renderSlot)(e.$slots,`menu`,{options:j.value},()=>[D.value?((0,s.openBlock)(),(0,s.createBlock)(a.default,{key:0,options:j.value},null,8,[`options`])):(0,s.createCommentVNode)(``,!0)])]),default:(0,s.withCtx)(()=>[((0,s.openBlock)(),(0,s.createBlock)((0,s.resolveDynamicComponent)(w.value)))]),_:3},8,`visible.width.height.max-width.max-height.floating-class.floating-style.disabled.theme.placement.trigger.reverse-theme.show-delay.hide-delay.transition.css-duration.css-transition.show-arrow.offset.teleported.append-to.persistent.boundary.element-context.alt-boundary.root-boundary.arrow-size.arrow-offset.flip-offset.arrow-options.flip-options.inline-options.is-external.external-ref.is-virtual.virtual-ref.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave.onEnterCancelled.onLeaveCancelled`.split(`.`)))}});exports.default=c;