rappel-ui 1.0.41 → 1.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/cjs/components/ellipsis-menu/index.d.ts +65 -0
  2. package/cjs/components/ellipsis-menu/index.js +1 -0
  3. package/cjs/components/ellipsis-menu/src/ellipsis-menu.js +1 -0
  4. package/cjs/components/ellipsis-menu/src/ellipsis-menu.vue.d.ts +33 -0
  5. package/cjs/components/ellipsis-menu/src/ellipsis-menu.vue_vue_type_script_setup_true_lang.js +1 -0
  6. package/cjs/components/ellipsis-menu/src/types.d.ts +13 -0
  7. package/cjs/components/ellipsis-menu/style/css.d.ts +0 -0
  8. package/cjs/components/ellipsis-menu/style/css.js +2 -0
  9. package/cjs/components/ellipsis-menu/style/index.d.ts +0 -0
  10. package/cjs/components/ellipsis-menu/style/index.js +2 -0
  11. package/cjs/components/index.d.ts +1 -0
  12. package/cjs/components/index.js +1 -1
  13. package/cjs/components/menu/src/loop.vue_vue_type_script_setup_true_lang.js +1 -1
  14. package/cjs/composables/index.d.ts +1 -0
  15. package/cjs/composables/index.js +1 -1
  16. package/cjs/composables/use-resizable/index.d.ts +4 -0
  17. package/cjs/composables/use-resizable/index.js +1 -0
  18. package/cjs/directives/vResizable.d.ts +30 -2
  19. package/cjs/directives/vResizable.js +11 -8
  20. package/cjs/index.d.ts +61 -0
  21. package/cjs/index.js +1 -1
  22. package/dist/index.css +1 -1
  23. package/dist/index.umd.js +17 -14
  24. package/es/components/ellipsis-menu/index.d.ts +65 -0
  25. package/es/components/ellipsis-menu/index.mjs +7 -0
  26. package/es/components/ellipsis-menu/src/ellipsis-menu.mjs +5 -0
  27. package/es/components/ellipsis-menu/src/ellipsis-menu.vue.d.ts +33 -0
  28. package/es/components/ellipsis-menu/src/ellipsis-menu.vue_vue_type_script_setup_true_lang.mjs +133 -0
  29. package/es/components/ellipsis-menu/src/types.d.ts +13 -0
  30. package/es/components/ellipsis-menu/style/css.d.ts +0 -0
  31. package/es/components/ellipsis-menu/style/css.mjs +2 -0
  32. package/es/components/ellipsis-menu/style/index.d.ts +0 -0
  33. package/es/components/ellipsis-menu/style/index.mjs +2 -0
  34. package/es/components/index.d.ts +1 -0
  35. package/es/components/index.mjs +4 -2
  36. package/es/components/menu/src/loop.vue_vue_type_script_setup_true_lang.mjs +13 -10
  37. package/es/composables/index.d.ts +1 -0
  38. package/es/composables/index.mjs +2 -1
  39. package/es/composables/use-resizable/index.d.ts +4 -0
  40. package/es/composables/use-resizable/index.mjs +8 -0
  41. package/es/directives/vResizable.d.ts +30 -2
  42. package/es/directives/vResizable.mjs +101 -68
  43. package/es/index.d.ts +61 -0
  44. package/es/index.mjs +72 -70
  45. package/package.json +1 -1
  46. package/theme-chalk/index.css +1 -1
  47. package/theme-chalk/re-ellipsis-menu.css +1 -0
  48. package/theme-chalk/src/ellipsis-menu.scss +39 -0
  49. package/theme-chalk/src/index.scss +1 -0
@@ -0,0 +1,65 @@
1
+ import { CreateComponentPublicInstanceWithMixins, VNode, ShallowRef, ComponentOptionsMixin, PublicProps, GlobalComponents, GlobalDirectives, ComponentProvideOptions, ComponentOptionsBase, VNodeProps, AllowedComponentProps, ComponentCustomProps } from 'vue';
2
+ import { EllipsisMenuProps } from './index.ts';
3
+ export * from './src/types.ts';
4
+ export declare const ReEllipsisMenu: {
5
+ new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly< EllipsisMenuProps> & Readonly<{
6
+ onUpdated?: ((args_0: {
7
+ showMore: boolean;
8
+ moreSlots: VNode[];
9
+ splitIndex: number;
10
+ }) => any) | undefined;
11
+ }>, {
12
+ wrapper: Readonly< ShallowRef<HTMLElement | null>>;
13
+ moreRef: Readonly< ShallowRef<HTMLElement | null>>;
14
+ update: () => Promise<void>;
15
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
16
+ updated: (args_0: {
17
+ showMore: boolean;
18
+ moreSlots: VNode[];
19
+ splitIndex: number;
20
+ }) => any;
21
+ }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
22
+ P: {};
23
+ B: {};
24
+ D: {};
25
+ C: {};
26
+ M: {};
27
+ Defaults: {};
28
+ }, Readonly< EllipsisMenuProps> & Readonly<{
29
+ onUpdated?: ((args_0: {
30
+ showMore: boolean;
31
+ moreSlots: VNode[];
32
+ splitIndex: number;
33
+ }) => any) | undefined;
34
+ }>, {
35
+ wrapper: Readonly< ShallowRef<HTMLElement | null>>;
36
+ moreRef: Readonly< ShallowRef<HTMLElement | null>>;
37
+ update: () => Promise<void>;
38
+ }, {}, {}, {}, {}>;
39
+ __isFragment?: never;
40
+ __isTeleport?: never;
41
+ __isSuspense?: never;
42
+ } & ComponentOptionsBase<Readonly< EllipsisMenuProps> & Readonly<{
43
+ onUpdated?: ((args_0: {
44
+ showMore: boolean;
45
+ moreSlots: VNode[];
46
+ splitIndex: number;
47
+ }) => any) | undefined;
48
+ }>, {
49
+ wrapper: Readonly< ShallowRef<HTMLElement | null>>;
50
+ moreRef: Readonly< ShallowRef<HTMLElement | null>>;
51
+ update: () => Promise<void>;
52
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
53
+ updated: (args_0: {
54
+ showMore: boolean;
55
+ moreSlots: VNode[];
56
+ splitIndex: number;
57
+ }) => any;
58
+ }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
59
+ $slots: {
60
+ default?: (props: {}) => any;
61
+ } & {
62
+ icon?: (props: {}) => any;
63
+ };
64
+ });
65
+ export default ReEllipsisMenu;
@@ -0,0 +1 @@
1
+ const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/ellipsis-menu.js");var n=e.withInstall(t.default);exports.ReEllipsisMenu=n,exports.default=n;
@@ -0,0 +1 @@
1
+ var e=require("./ellipsis-menu.vue_vue_type_script_setup_true_lang.js").default;exports.default=e;
@@ -0,0 +1,33 @@
1
+ import { VNode, DefineComponent, ShallowRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
2
+ import { EllipsisMenuProps } from './types';
3
+ declare var __VLS_1: {}, __VLS_9: {};
4
+ type __VLS_Slots = {} & {
5
+ default?: (props: typeof __VLS_1) => any;
6
+ } & {
7
+ icon?: (props: typeof __VLS_9) => any;
8
+ };
9
+ declare const __VLS_base: DefineComponent<EllipsisMenuProps, {
10
+ wrapper: Readonly< ShallowRef<HTMLElement | null>>;
11
+ moreRef: Readonly< ShallowRef<HTMLElement | null>>;
12
+ update: () => Promise<void>;
13
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
14
+ updated: (args_0: {
15
+ showMore: boolean;
16
+ moreSlots: VNode[];
17
+ splitIndex: number;
18
+ }) => any;
19
+ }, string, PublicProps, Readonly<EllipsisMenuProps> & Readonly<{
20
+ onUpdated?: ((args_0: {
21
+ showMore: boolean;
22
+ moreSlots: VNode[];
23
+ splitIndex: number;
24
+ }) => any) | undefined;
25
+ }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
26
+ declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
27
+ declare const _default: typeof __VLS_export;
28
+ export default _default;
29
+ type __VLS_WithSlots<T, S> = T & {
30
+ new (): {
31
+ $slots: S;
32
+ };
33
+ };
@@ -0,0 +1 @@
1
+ const e=require("../../../composables/use-namespace/index.js"),t=require("../../../composables/use-slot-nodes/index.js");require("../../../composables/index.js");const n=require("../../dropdown/index.js");let r=require("vue"),i=require("@vueuse/core"),a=require("@rappel-ui/svg-icons");var o=(0,r.defineComponent)({__name:`ellipsis-menu`,props:{icon:{default:()=>a.MoreDotCircleHorizontal},trigger:{default:`hover`},placement:{default:`bottom-end`},debounce:{default:150},showArrow:{type:Boolean,default:!0},offset:{default:10},gap:{default:0},floatingClass:{}},emits:[`updated`],setup(a,{expose:o,emit:s}){var c;let l=s,{n:u,ns:d,nm:f}=e.useNamespace(`ellipsis-menu`),p=(0,r.useTemplateRef)(`wrapper`),m=(0,r.useTemplateRef)(`moreRef`),h=(0,r.ref)([]),g=(0,r.ref)(!1),_=(0,r.computed)(()=>[u()]),v=(0,r.computed)(()=>[f(`dropdown`),a.floatingClass]),y=(0,r.useSlots)(),b=()=>{let e=p.value;return e?e.scrollWidth>e.clientWidth:!1},x=()=>{let e=m.value,t=p.value;if(!e||!t)return-1;let n=t.offsetWidth,r=Array.from(t.children),i=e.offsetWidth;return r.findIndex(e=>{let t=getComputedStyle(e);return i+=e.offsetWidth+a.gap+parseFloat(t.marginLeft)+parseFloat(t.marginRight),i-a.gap>n})},S=(e,n)=>{var r;let i=t.useSlotNodes(e),a=i==null?[]:i,o=(r=a==null?void 0:a.length)==null?0:r;for(let e=n;e<o;e++){var s;(s=p.value)==null||s.children[e].setAttribute(`is-hidden`,`true`)}h.value=a.slice(n)},C=async()=>{if(g.value=!1,p.value){if(p.value.querySelectorAll(`[is-hidden="true"]`).forEach(e=>{e.removeAttribute(`is-hidden`)}),await(0,r.nextTick)(),b()){g.value=!0,await(0,r.nextTick)();let e=x();if(e===-1)return;S(y,e),l(`updated`,{showMore:g.value,moreSlots:h.value,splitIndex:e})}else g.value=!1,h.value=[],l(`updated`,{showMore:g.value,moreSlots:h.value,splitIndex:-1})}},w=(0,i.useDebounceFn)(C,(c=a.debounce)==null?0:c),T=()=>{let e=[],{width:t,stop:n}=(0,i.useElementSize)(p),{stop:a}=(0,r.watch)(t,w);return e.push(n,a),{cleanup:()=>{e.forEach(e=>e())}}},E=[],D=()=>{E.forEach(e=>e())},O=async()=>{await C();let{cleanup:e}=T(),{stop:t}=(0,r.watch)(()=>y==null?void 0:y.default,w);E.push(e,t)};return(0,r.onMounted)(()=>{O()}),(0,r.onUnmounted)(()=>{D()}),o({wrapper:p,moreRef:m,update:C}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`wrapper`,ref:p,class:(0,r.normalizeClass)(_.value)},[(0,r.renderSlot)(e.$slots,`default`),g.value?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.ReDropdown),{key:0,trigger:a.trigger,placement:a.placement,"show-arrow":a.showArrow,offset:a.offset,"floating-class":v.value},{menu:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(n.ReDropdownMenu),null,{default:(0,r.withCtx)(()=>[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(h.value,e=>{var t,i;return(0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.ReDropdownItem),{key:e==null||(t=e.props)==null?void 0:t.value,value:e==null||(i=e.props)==null?void 0:i.value},{default:(0,r.withCtx)(()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(e),{key:e.key}))]),_:2},1032,[`value`])}),128))]),_:1})]),default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`span`,{ref_key:`moreRef`,ref:m,class:(0,r.normalizeClass)([(0,r.unref)(d)(`icon`)])},[(0,r.renderSlot)(e.$slots,`icon`,{},()=>[a.icon?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:0},[typeof a.icon==`string`?((0,r.openBlock)(),(0,r.createElementBlock)(`i`,{key:0,class:(0,r.normalizeClass)([a.icon]),"aria-hidden":`true`},null,2)):((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(a.icon),{key:1,"aria-hidden":`true`}))],64)):(0,r.createCommentVNode)(``,!0)])],2)]),_:3},8,[`trigger`,`placement`,`show-arrow`,`offset`,`floating-class`])):(0,r.createCommentVNode)(``,!0)],2))}});exports.default=o;
@@ -0,0 +1,13 @@
1
+ import { Component } from 'vue';
2
+ import { MaybeClass } from '../../../types';
3
+ import { Placement, Trigger } from '../../tooltip';
4
+ export interface EllipsisMenuProps {
5
+ icon?: string | Component;
6
+ trigger?: Trigger;
7
+ placement?: Placement;
8
+ debounce?: number;
9
+ showArrow?: boolean;
10
+ offset?: number;
11
+ gap?: number;
12
+ floatingClass?: MaybeClass;
13
+ }
File without changes
@@ -0,0 +1,2 @@
1
+ require('../../../../theme-chalk/base.css');
2
+ require('../../../../theme-chalk/re-ellipsis-menu.css');
File without changes
@@ -0,0 +1,2 @@
1
+ require('../../../../theme-chalk/src/base.scss');
2
+ require('../../../../theme-chalk/src/ellipsis-menu.scss');
@@ -13,3 +13,4 @@ export * from './popconfirm';
13
13
  export * from './message';
14
14
  export * from './dropdown';
15
15
  export * from './menu';
16
+ export * from './ellipsis-menu';
@@ -1 +1 @@
1
- const e=require("../_virtual/_rolldown/runtime.js"),t=require("./button/src/constants.js"),n=require("./button/index.js"),r=require("./input/index.js"),i=require("./tabs/index.js"),a=require("./primary-color/index.js"),o=require("./secondary-color/index.js"),s=require("./neutral-color/index.js"),c=require("./filter-panel/index.js"),l=require("./svg-icon/index.js"),u=require("./transition/src/use-transition-emit.js"),d=require("./transition/index.js"),f=require("./tooltip/src/use-tooltip-emit.js"),p=require("./tooltip/index.js"),m=require("./popover/src/use-popover-emit.js"),h=require("./popover/index.js"),g=require("./popconfirm/index.js"),_=require("./message/src/create-message.js"),v=require("./message/index.js"),y=require("./dropdown/src/use-dropdown-emit.js"),b=require("./dropdown/index.js"),x=require("./menu/src/use-menu-emit.js"),S=require("./menu/index.js");var C=e.__exportAll({ReButton:()=>n.ReButton,ReButtonGroup:()=>n.ReButtonGroup,ReDropdown:()=>b.ReDropdown,ReDropdownItem:()=>b.ReDropdownItem,ReDropdownMenu:()=>b.ReDropdownMenu,ReDropdownSubmenu:()=>b.ReDropdownSubmenu,ReFilterPanel:()=>c.ReFilterPanel,ReInput:()=>r.ReInput,ReMenu:()=>S.ReMenu,ReMenuItem:()=>S.ReMenuItem,ReMessage:()=>v.ReMessage,ReNeutralColor:()=>s.ReNeutralColor,RePopconfirm:()=>g.RePopconfirm,RePopover:()=>h.RePopover,RePrimaryColor:()=>a.RePrimaryColor,ReSecondaryColor:()=>o.ReSecondaryColor,ReSubmenu:()=>S.ReSubmenu,ReSvgIcon:()=>l.ReSvgIcon,ReTabs:()=>i.ReTabs,ReTooltip:()=>p.ReTooltip,ReTransition:()=>d.ReTransition,_buttonGroupProvideKey:()=>t._buttonGroupProvideKey,buttonNativeTypes:()=>t.buttonNativeTypes,buttonSizes:()=>t.buttonSizes,buttonTypes:()=>t.buttonTypes,createMessage:()=>_.createMessage,useDropdownEmits:()=>y.useDropdownEmits,useMenuEmits:()=>x.useMenuEmits,usePopoverEmits:()=>m.usePopoverEmits,useTooltipEmits:()=>f.useTooltipEmits,useTransitionEmits:()=>u.useTransitionEmits});exports.ReButton=n.ReButton,exports.ReButtonGroup=n.ReButtonGroup,exports.ReDropdown=b.ReDropdown,exports.ReDropdownItem=b.ReDropdownItem,exports.ReDropdownMenu=b.ReDropdownMenu,exports.ReDropdownSubmenu=b.ReDropdownSubmenu,exports.ReFilterPanel=c.ReFilterPanel,exports.ReInput=r.ReInput,exports.ReMenu=S.ReMenu,exports.ReMenuItem=S.ReMenuItem,exports.ReMessage=v.ReMessage,exports.ReNeutralColor=s.ReNeutralColor,exports.RePopconfirm=g.RePopconfirm,exports.RePopover=h.RePopover,exports.RePrimaryColor=a.RePrimaryColor,exports.ReSecondaryColor=o.ReSecondaryColor,exports.ReSubmenu=S.ReSubmenu,exports.ReSvgIcon=l.ReSvgIcon,exports.ReTabs=i.ReTabs,exports.ReTooltip=p.ReTooltip,exports.ReTransition=d.ReTransition,exports._buttonGroupProvideKey=t._buttonGroupProvideKey,exports.buttonNativeTypes=t.buttonNativeTypes,exports.buttonSizes=t.buttonSizes,exports.buttonTypes=t.buttonTypes,Object.defineProperty(exports,"components_exports",{enumerable:!0,get:function(){return C}}),exports.createMessage=_.createMessage,exports.useDropdownEmits=y.useDropdownEmits,exports.useMenuEmits=x.useMenuEmits,exports.usePopoverEmits=m.usePopoverEmits,exports.useTooltipEmits=f.useTooltipEmits,exports.useTransitionEmits=u.useTransitionEmits;
1
+ const e=require("../_virtual/_rolldown/runtime.js"),t=require("./button/src/constants.js"),n=require("./button/index.js"),r=require("./input/index.js"),i=require("./tabs/index.js"),a=require("./primary-color/index.js"),o=require("./secondary-color/index.js"),s=require("./neutral-color/index.js"),c=require("./filter-panel/index.js"),l=require("./svg-icon/index.js"),u=require("./transition/src/use-transition-emit.js"),d=require("./transition/index.js"),f=require("./tooltip/src/use-tooltip-emit.js"),p=require("./tooltip/index.js"),m=require("./popover/src/use-popover-emit.js"),h=require("./popover/index.js"),g=require("./popconfirm/index.js"),_=require("./message/src/create-message.js"),v=require("./message/index.js"),y=require("./dropdown/src/use-dropdown-emit.js"),b=require("./dropdown/index.js"),x=require("./menu/src/use-menu-emit.js"),S=require("./menu/index.js"),C=require("./ellipsis-menu/index.js");var w=e.__exportAll({ReButton:()=>n.ReButton,ReButtonGroup:()=>n.ReButtonGroup,ReDropdown:()=>b.ReDropdown,ReDropdownItem:()=>b.ReDropdownItem,ReDropdownMenu:()=>b.ReDropdownMenu,ReDropdownSubmenu:()=>b.ReDropdownSubmenu,ReEllipsisMenu:()=>C.ReEllipsisMenu,ReFilterPanel:()=>c.ReFilterPanel,ReInput:()=>r.ReInput,ReMenu:()=>S.ReMenu,ReMenuItem:()=>S.ReMenuItem,ReMessage:()=>v.ReMessage,ReNeutralColor:()=>s.ReNeutralColor,RePopconfirm:()=>g.RePopconfirm,RePopover:()=>h.RePopover,RePrimaryColor:()=>a.RePrimaryColor,ReSecondaryColor:()=>o.ReSecondaryColor,ReSubmenu:()=>S.ReSubmenu,ReSvgIcon:()=>l.ReSvgIcon,ReTabs:()=>i.ReTabs,ReTooltip:()=>p.ReTooltip,ReTransition:()=>d.ReTransition,_buttonGroupProvideKey:()=>t._buttonGroupProvideKey,buttonNativeTypes:()=>t.buttonNativeTypes,buttonSizes:()=>t.buttonSizes,buttonTypes:()=>t.buttonTypes,createMessage:()=>_.createMessage,useDropdownEmits:()=>y.useDropdownEmits,useMenuEmits:()=>x.useMenuEmits,usePopoverEmits:()=>m.usePopoverEmits,useTooltipEmits:()=>f.useTooltipEmits,useTransitionEmits:()=>u.useTransitionEmits});exports.ReButton=n.ReButton,exports.ReButtonGroup=n.ReButtonGroup,exports.ReDropdown=b.ReDropdown,exports.ReDropdownItem=b.ReDropdownItem,exports.ReDropdownMenu=b.ReDropdownMenu,exports.ReDropdownSubmenu=b.ReDropdownSubmenu,exports.ReEllipsisMenu=C.ReEllipsisMenu,exports.ReFilterPanel=c.ReFilterPanel,exports.ReInput=r.ReInput,exports.ReMenu=S.ReMenu,exports.ReMenuItem=S.ReMenuItem,exports.ReMessage=v.ReMessage,exports.ReNeutralColor=s.ReNeutralColor,exports.RePopconfirm=g.RePopconfirm,exports.RePopover=h.RePopover,exports.RePrimaryColor=a.RePrimaryColor,exports.ReSecondaryColor=o.ReSecondaryColor,exports.ReSubmenu=S.ReSubmenu,exports.ReSvgIcon=l.ReSvgIcon,exports.ReTabs=i.ReTabs,exports.ReTooltip=p.ReTooltip,exports.ReTransition=d.ReTransition,exports._buttonGroupProvideKey=t._buttonGroupProvideKey,exports.buttonNativeTypes=t.buttonNativeTypes,exports.buttonSizes=t.buttonSizes,exports.buttonTypes=t.buttonTypes,Object.defineProperty(exports,"components_exports",{enumerable:!0,get:function(){return w}}),exports.createMessage=_.createMessage,exports.useDropdownEmits=y.useDropdownEmits,exports.useMenuEmits=x.useMenuEmits,exports.usePopoverEmits=m.usePopoverEmits,exports.useTooltipEmits=f.useTooltipEmits,exports.useTransitionEmits=u.useTransitionEmits;
@@ -1 +1 @@
1
- const e=require("../../../composables/use-slot-nodes/index.js");require("../../../composables/index.js");const t=require("./constants.js"),n=require("./menu-item.js"),r=require("./submenu.js");let i=require("vue"),a=require("@vueuse/core"),o=require("@rappel-ui/svg-icons");var s=(0,i.defineComponent)({__name:`loop`,props:{options:{default:()=>void 0}},setup(s,{expose:c}){let l=(0,i.useTemplateRef)(`loopRef`),u=(0,i.useTemplateRef)(`moreRef`),d=(0,i.shallowRef)([]),f=(0,i.shallowRef)([]),p=(0,i.ref)([]),{depth:m,hasOptions:h,direction:g,ellipsis:_,ellipsisIcon:v}=(0,i.inject)(t._menuProvideKey),y=(0,i.computed)(()=>{var e;return g.value===`horizontal`&&_!=null&&_.value?d.value:(e=s.options)==null?[]:e}),b=(0,a.computedAsync)(async()=>await(0,o.getAsyncIcon)(v==null?void 0:v.value)||``),x=(0,i.shallowRef)(!1),S=()=>{let e=l.value;return e?e.scrollWidth>e.clientWidth:!1},C=(0,i.useSlots)(),w=()=>{var e,t;let n=(e=(t=u.value)==null?void 0:t.itemRef)==null?u.value:e,r=l.value;if(!n||!r)return-1;let i=r.offsetWidth,a=Array.from(r.children),o=n.offsetWidth;return a.findIndex(e=>(o+=e.offsetWidth,o>i))},T=(e,t)=>{f.value=e.splice(t,e.length-t)},E=(t,n)=>{var r,a,o;let s=e.useSlotNodes(t),c=(r=s==null||(a=s[0])==null?void 0:a.children)==null?[]:r,u=(o=c==null?void 0:c.length)==null?0:o;for(let e=n;e<u;e++){var d;(d=l.value)==null||d.children[e].setAttribute(`is-hidden`,`true`)}p.value=c.slice(n).map(e=>(0,i.cloneVNode)(e,{"is-more":!0}))},D=async()=>{var e;if(d.value=[...(e=s.options)==null?[]:e],m.value===0&&g.value!==`vertical`&&_.value){if(!h.value&&l.value&&l.value.querySelectorAll(`li[is-hidden="true"]`).forEach(e=>{e.setAttribute(`is-hidden`,`false`)}),await(0,i.nextTick)(),S()){x.value=!0,await(0,i.nextTick)();let e=w();if(e===-1)return;h.value?T(d.value,e):E(C,e)}else x.value=!1,p.value=[],f.value=[]}},O=(0,a.useDebounceFn)(D,100),k=()=>{let e=[];if(_.value){let{width:t,stop:n}=(0,a.useElementSize)(l.value),{stop:r}=(0,i.watch)(t,()=>{O()});e.push(n,r)}return{cleanup:()=>{e.forEach(e=>e())}}},A=[],j=()=>{A.forEach(e=>e())},M=async()=>{if(_.value){await D();let{cleanup:e}=k();A.push(e)}};return(0,i.onMounted)(()=>{M()}),(0,i.onUnmounted)(()=>{j()}),c({loopRef:l,update:D}),(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,{ref_key:`loopRef`,ref:l},[(0,i.renderSlot)(e.$slots,`default`,{},()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(y.value,t=>{var a;return(0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:typeof t.value==`boolean`?t.label:t.value},[t!=null&&(a=t.children)!=null&&a.length?((0,i.openBlock)(),(0,i.createBlock)(r.default,{key:0,item:t,"is-more":e.$attrs[`is-more`]},null,8,[`item`,`is-more`])):((0,i.openBlock)(),(0,i.createBlock)(n.default,(0,i.mergeProps)({key:1,ref_for:!0},t,{"is-more":e.$attrs[`is-more`]}),null,16,[`is-more`]))],64)}),128))]),x.value?((0,i.openBlock)(),(0,i.createBlock)(n.default,{key:0,ref_key:`moreRef`,ref:u,value:`more`,children:f.value,"has-children":``,"sub-icon":!1,depth:-1,"is-more":!0,class:`is-more`,icon:(0,i.unref)(b)},(0,i.createSlots)({icon:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`ellipsis-icon`)]),_:2},[(0,i.unref)(h)?void 0:{name:`item-submenu`,fn:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(p.value,e=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key}))),128))]),key:`0`}]),1032,[`children`,`icon`])):(0,i.createCommentVNode)(``,!0)],512))}});exports.default=s;
1
+ const e=require("../../../composables/use-slot-nodes/index.js");require("../../../composables/index.js");const t=require("./constants.js"),n=require("./menu-item.js"),r=require("./submenu.js");let i=require("vue"),a=require("@vueuse/core"),o=require("@rappel-ui/svg-icons");var s=(0,i.defineComponent)({__name:`loop`,props:{options:{default:()=>void 0}},setup(s,{expose:c}){let l=(0,i.useTemplateRef)(`loopRef`),u=(0,i.useTemplateRef)(`moreRef`),d=(0,i.shallowRef)([]),f=(0,i.shallowRef)([]),p=(0,i.ref)([]),{depth:m,hasOptions:h,direction:g,ellipsis:_,ellipsisIcon:v}=(0,i.inject)(t._menuProvideKey),y=(0,i.computed)(()=>{var e;return g.value===`horizontal`&&_!=null&&_.value?d.value:(e=s.options)==null?[]:e}),b=(0,a.computedAsync)(async()=>await(0,o.getAsyncIcon)(v==null?void 0:v.value)||``),x=(0,i.shallowRef)(!1),S=()=>{let e=l.value;return e?e.scrollWidth>e.clientWidth:!1},C=(0,i.useSlots)(),w=()=>{var e,t;let n=(e=(t=u.value)==null?void 0:t.itemRef)==null?u.value:e,r=l.value;if(!n||!r)return-1;let i=r.offsetWidth,a=Array.from(r.children),o=n.offsetWidth;return a.findIndex(e=>{let t=getComputedStyle(e);return o+=e.offsetWidth+parseFloat(t.marginLeft)+parseFloat(t.marginRight),o>i})},T=(e,t)=>{f.value=e.splice(t,e.length-t)},E=(t,n)=>{var r,a,o;let s=e.useSlotNodes(t),c=(r=s==null||(a=s[0])==null?void 0:a.children)==null?[]:r,u=(o=c==null?void 0:c.length)==null?0:o;for(let e=n;e<u;e++){var d;(d=l.value)==null||d.children[e].setAttribute(`is-hidden`,`true`)}p.value=c.slice(n).map(e=>(0,i.cloneVNode)(e,{"is-more":!0}))},D=async()=>{var e;if(x.value=!1,d.value=[...(e=s.options)==null?[]:e],m.value===0&&g.value!==`vertical`&&_.value){if(!h.value&&l.value&&l.value.querySelectorAll(`li[is-hidden="true"]`).forEach(e=>{e.setAttribute(`is-hidden`,`false`)}),await(0,i.nextTick)(),S()){x.value=!0,await(0,i.nextTick)();let e=w();if(e===-1)return;h.value?T(d.value,e):E(C,e)}else x.value=!1,p.value=[],f.value=[]}},O=(0,a.useDebounceFn)(D,100),k=()=>{let e=[];if(_.value){let{width:t,stop:n}=(0,a.useElementSize)(l),{stop:r}=(0,i.watch)(t,()=>{O()});e.push(n,r)}return{cleanup:()=>{e.forEach(e=>e())}}},A=[],j=()=>{A.forEach(e=>e())},M=async()=>{if(_.value){await D();let{cleanup:e}=k(),{stop:t}=(0,i.watch)(()=>C==null?void 0:C.default,O);A.push(e,t)}};return(0,i.onMounted)(()=>{M()}),(0,i.onUnmounted)(()=>{j()}),c({loopRef:l,update:D}),(e,t)=>((0,i.openBlock)(),(0,i.createElementBlock)(`ul`,{ref_key:`loopRef`,ref:l},[(0,i.renderSlot)(e.$slots,`default`,{},()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(y.value,t=>{var a;return(0,i.openBlock)(),(0,i.createElementBlock)(i.Fragment,{key:typeof t.value==`boolean`?t.label:t.value},[t!=null&&(a=t.children)!=null&&a.length?((0,i.openBlock)(),(0,i.createBlock)(r.default,{key:0,item:t,"is-more":e.$attrs[`is-more`]},null,8,[`item`,`is-more`])):((0,i.openBlock)(),(0,i.createBlock)(n.default,(0,i.mergeProps)({key:1,ref_for:!0},t,{"is-more":e.$attrs[`is-more`]}),null,16,[`is-more`]))],64)}),128))]),x.value?((0,i.openBlock)(),(0,i.createBlock)(n.default,{key:0,ref_key:`moreRef`,ref:u,value:`more`,children:f.value,"has-children":``,"sub-icon":!1,depth:-1,"is-more":!0,class:`is-more`,icon:(0,i.unref)(b)},(0,i.createSlots)({icon:(0,i.withCtx)(()=>[(0,i.renderSlot)(e.$slots,`ellipsis-icon`)]),_:2},[(0,i.unref)(h)?void 0:{name:`item-submenu`,fn:(0,i.withCtx)(()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)(p.value,e=>((0,i.openBlock)(),(0,i.createBlock)((0,i.resolveDynamicComponent)(e),{key:e.key}))),128))]),key:`0`}]),1032,[`children`,`icon`])):(0,i.createCommentVNode)(``,!0)],512))}});exports.default=s;
@@ -7,3 +7,4 @@ export * from './use-namespace';
7
7
  export * from './use-z-index';
8
8
  export * from './use-theme';
9
9
  export * from './use-slot-nodes';
10
+ export * from './use-resizable';
@@ -1 +1 @@
1
- const e=require("./use-draggable/index.js"),t=require("./use-date-format/index.js"),n=require("./use-once-fn/index.js"),r=require("./use-time-nodes/index.js"),i=require("./use-waterfall-layout/index.js"),a=require("./use-namespace/index.js"),o=require("./use-z-index/index.js"),s=require("./use-theme/index.js"),c=require("./use-slot-nodes/index.js");exports.useDateFormat=t.useDateFormat,exports.useDraggable=e.useDraggable,exports.useNamespace=a.useNamespace,exports.useOnceFn=n.useOnceFn,exports.useSlotFirstNode=c.useSlotFirstNode,exports.useSlotNodes=c.useSlotNodes,exports.useTheme=s.useTheme,exports.useTimeNodes=r.useTimeNodes,exports.useWaterFallLayout=i.useWaterFallLayout,exports.useZIndex=o.useZIndex;
1
+ const e=require("./use-draggable/index.js"),t=require("./use-date-format/index.js"),n=require("./use-once-fn/index.js"),r=require("./use-time-nodes/index.js"),i=require("./use-waterfall-layout/index.js"),a=require("./use-namespace/index.js"),o=require("./use-z-index/index.js"),s=require("./use-theme/index.js"),c=require("./use-slot-nodes/index.js"),l=require("./use-resizable/index.js");exports.useDateFormat=t.useDateFormat,exports.useDraggable=e.useDraggable,exports.useNamespace=a.useNamespace,exports.useOnceFn=n.useOnceFn,exports.useResizable=l.useResizable,exports.useSlotFirstNode=c.useSlotFirstNode,exports.useSlotNodes=c.useSlotNodes,exports.useTheme=s.useTheme,exports.useTimeNodes=r.useTimeNodes,exports.useWaterFallLayout=i.useWaterFallLayout,exports.useZIndex=o.useZIndex;
@@ -0,0 +1,4 @@
1
+ import { ResizeOptions } from '../../directives';
2
+ export declare function useResizable(el: HTMLElement, options?: ResizeOptions): {
3
+ destroy: () => void;
4
+ };
@@ -0,0 +1 @@
1
+ const e=require("../../directives/vResizable.js");require("../../directives/index.js");function t(t,n){return e.applyResizable(t,n)}exports.useResizable=t;
@@ -1,14 +1,42 @@
1
1
  import { DirectiveBinding } from 'vue';
2
- interface ResizeOptions {
2
+ type Side = 'left' | 'right' | 'top' | 'bottom' | 'bottom-right';
3
+ export interface ResizeOptions {
3
4
  minWidth?: number;
4
5
  minHeight?: number;
5
6
  maxWidth?: number;
6
7
  maxHeight?: number;
8
+ left: boolean;
9
+ right: boolean;
10
+ top: boolean;
11
+ bottom: boolean;
12
+ bottomRight: boolean;
13
+ handleSize: number;
14
+ showHandlers: boolean;
15
+ }
16
+ export interface ResizeState {
17
+ side?: Side;
18
+ startX: number;
19
+ startY: number;
20
+ startW: number;
21
+ startH: number;
22
+ startL: number;
23
+ startT: number;
24
+ minW: number;
25
+ minH: number;
26
+ maxW?: number;
27
+ maxH?: number;
28
+ pointerId?: number;
29
+ handlers: HTMLElement[];
30
+ onMove?: (e: PointerEvent) => void;
31
+ onUp?: (e: PointerEvent) => void;
32
+ ro?: ResizeObserver;
7
33
  }
8
34
  /** main directive */
9
35
  declare const vResizable: {
10
36
  mounted(el: HTMLElement, binding: DirectiveBinding): void;
11
37
  beforeUnmount(el: HTMLElement): void;
12
38
  };
13
- declare function applyResizable(el: HTMLElement, options?: ResizeOptions): () => void;
39
+ declare function applyResizable(el: HTMLElement, options?: ResizeOptions): {
40
+ destroy: () => void;
41
+ };
14
42
  export { vResizable, applyResizable };
@@ -1,5 +1,5 @@
1
- var e=`v-resizable-handle`,t=`v-resizable-handle-style`;function n(){if(document.getElementById(t))return;let n=document.createElement(`style`);n.id=t,n.textContent=`
2
- .${e} {
1
+ var e=4,t=`v-resizable-handle`,n=`v-resizable-handle-style`;function r(){if(document.getElementById(n))return;let e=document.createElement(`style`);e.id=n,e.textContent=`
2
+ .${t} {
3
3
  position: absolute;
4
4
  background: transparent;
5
5
  z-index: 9999;
@@ -7,15 +7,18 @@ var e=`v-resizable-handle`,t=`v-resizable-handle-style`;function n(){if(document
7
7
  touch-action: none;
8
8
  opacity: 0;
9
9
  }
10
- .${e}::after {
10
+ .${t}::after {
11
11
  content: '';
12
12
  display:block;
13
13
  width:100%;
14
14
  height:100%;
15
15
  border-radius:2px;
16
- background: rgba(0,0,0,0.12);
16
+ background-color:rgb(168, 149, 255);
17
17
  }
18
- .${e}.hr { cursor: ew-resize; }
19
- .${e}.vr { cursor: ns-resize; }
20
- .${e}.corner { cursor: nwse-resize; }
21
- `,document.head.appendChild(n)}function r(e,t,n){let r=0,i=0;switch(e){case`hr`:r=4,i=n.height-8;break;case`vr`:r=n.width-8,i=4;break;case`corner`:r=8,i=8}return t.style.width=`${r}px`,t.style.height=`${i}px`,t}function i(t,n){let i=document.createElement(`div`),a=n.getBoundingClientRect();return i.className=`${e} ${t}`,r(t,i,a)}function a(e,t,n){switch(t){case`left`:e.style.left=`-2px`,e.style.top=`4px`,r(`hr`,e,n);break;case`right`:e.style.left=`${n.width-2}px`,e.style.top=`4px`,r(`hr`,e,n);break;case`top`:e.style.left=`4px`,e.style.top=`-2px`,r(`vr`,e,n);break;case`bottom`:e.style.left=`4px`,e.style.top=`${n.height-2}px`,r(`vr`,e,n);break;case`bottom-right`:e.style.left=`${n.width-2}px`,e.style.top=`${n.height-2}px`}}function o(e,t){var r,o;n(),getComputedStyle(e).position===`static`&&(e.style.position=`relative`),e.style.boxSizing=e.style.boxSizing||`border-box`;let s={startX:0,startY:0,startW:0,startH:0,startL:0,startT:0,minW:(r=t==null?void 0:t.minWidth)==null?40:r,minH:(o=t==null?void 0:t.minHeight)==null?24:o,maxW:t==null?void 0:t.maxWidth,maxH:t==null?void 0:t.maxHeight,handlers:[]},c=i(`hr`,e),l=i(`hr`,e),u=i(`vr`,e),d=i(`vr`,e),f=i(`corner`,e);c.dataset.side=`left`,l.dataset.side=`right`,u.dataset.side=`top`,d.dataset.side=`bottom`,f.dataset.side=`bottom-right`,e.appendChild(c),e.appendChild(l),e.appendChild(u),e.appendChild(d),e.appendChild(f),s.handlers.push(c,l,u,d,f);let p=t=>{var n,r,i;let a=t.target;if(!a||!((n=a.dataset)!=null&&n.side))return;let o=a.dataset.side;(r=(i=t.target).setPointerCapture)==null||r.call(i,t.pointerId),s.side=o,s.pointerId=t.pointerId;let c=e.getBoundingClientRect();s.startX=t.clientX,s.startY=t.clientY,s.startW=c.width,s.startH=c.height;let l=getComputedStyle(e),u=parseFloat(l.left||`0`),d=parseFloat(l.top||`0`);s.startL=u,s.startT=d,s.onMove=t=>m(t,e,s),s.onUp=t=>h(t,e,s),window.addEventListener(`pointermove`,s.onMove),window.addEventListener(`pointerup`,s.onUp),window.addEventListener(`pointercancel`,s.onUp),t.preventDefault()},m=(e,t,n)=>{if(n.side===void 0)return;let r=e.clientX-n.startX,i=e.clientY-n.startY,o=n.startW,s=n.startH,c=n.startL,l=n.startT;n.side===`right`?(o=Math.max(n.minW,n.startW+r),n.maxW&&(o=Math.min(o,n.maxW))):n.side===`left`?(o=Math.max(n.minW,n.startW-r),n.maxW&&(o=Math.min(o,n.maxW)),c=n.startL+(n.startW-o)):n.side===`bottom`?(s=Math.max(n.minH,n.startH+i),n.maxH&&(s=Math.min(s,n.maxH))):n.side===`top`?(s=Math.max(n.minH,n.startH-i),n.maxH&&(s=Math.min(s,n.maxH)),l=n.startT+(n.startH-s)):n.side===`bottom-right`&&(o=Math.max(n.minW,n.startW+r),s=Math.max(n.minH,n.startH+i),n.maxW&&(o=Math.min(o,n.maxW)),n.maxH&&(s=Math.min(s,n.maxH))),t.style.width=`${o}px`,t.style.height=`${s}px`;let u=getComputedStyle(t).position;(u===`absolute`||u===`relative`||u===`fixed`)&&(t.style.left=`${c}px`,t.style.top=`${l}px`);let d=t.getBoundingClientRect();n.handlers.forEach(e=>{let t=e.dataset.side;a(e,t,d)}),e.preventDefault()},h=(e,t,n)=>{n.onMove&&(window.removeEventListener(`pointermove`,n.onMove),window.removeEventListener(`pointerup`,n.onUp),window.removeEventListener(`pointercancel`,n.onUp)),n.side=void 0,n.pointerId=void 0},g=()=>{let t=e.getBoundingClientRect();s.handlers.forEach(e=>{let n=e.dataset.side;e.style.position=`absolute`,e.style.boxSizing=`content-box`,a(e,n,t)})};s.handlers.forEach(e=>e.addEventListener(`pointerdown`,p));let _=new ResizeObserver(g);return _.observe(e),s.ro=_,g(),{destroy:()=>{s.handlers.forEach(t=>{t.removeEventListener(`pointerdown`,p),t.parentElement===e&&e.removeChild(t)}),s.onMove&&(window.removeEventListener(`pointermove`,s.onMove),window.removeEventListener(`pointerup`,s.onUp),window.removeEventListener(`pointercancel`,s.onUp)),s.ro&&s.ro.disconnect()}}}var s={mounted(e,t){let n=t.value,{destroy:r}=o(e,n);e.__v_resizable_cleanup=r},beforeUnmount(e){let t=e.__v_resizable_cleanup;t&&(t(),delete e.__v_resizable_cleanup)}};function c(e,t){let{destroy:n}=o(e,t);return n}exports.applyResizable=c,exports.vResizable=s;
18
+ .${t}.is-visible:hover{
19
+ opacity: 1;
20
+ }
21
+ .${t}.hr { cursor: ew-resize; }
22
+ .${t}.vr { cursor: ns-resize; }
23
+ .${t}.corner { cursor: nwse-resize; }
24
+ `,document.head.appendChild(e)}function i(t,n,r){let i=0,a=0;switch(t){case`hr`:i=e,a=r.height-e*2;break;case`vr`:i=r.width-e*2,a=e;break;case`corner`:i=e*2,a=e*2}return n.style.width=`${i}px`,n.style.height=`${a}px`,n}function a(e,n,r){let a=document.createElement(`div`),o=n.getBoundingClientRect();return a.className=`${t} ${e}`,r.showHandlers&&a.classList.add(`is-visible`),i(e,a,o)}function o(t,n,r){let a=e/2;switch(n){case`left`:t.style.left=`${-a}px`,t.style.top=`${e}px`,i(`hr`,t,r);break;case`right`:t.style.left=`${r.width-a}px`,t.style.top=`${e}px`,i(`hr`,t,r);break;case`top`:t.style.left=`${e}px`,t.style.top=`${-a}px`,i(`vr`,t,r);break;case`bottom`:t.style.left=`${e}px`,t.style.top=`${r.height-a}px`,i(`vr`,t,r);break;case`bottom-right`:t.style.left=`${r.width-a}px`,t.style.top=`${r.height-a}px`}}function s(t,n){var i,s,c;let l=Object.assign({},{left:!0,right:!0,top:!0,bottom:!0,bottomRight:!0,handleSize:4,showHandlers:!1},n);r(),e=(i=l==null?void 0:l.handleSize)==null?e:i;let{width:u}=t.getBoundingClientRect();getComputedStyle(t).position===`static`&&(t.style.position=`relative`),t.style.boxSizing=t.style.boxSizing||`border-box`,l!=null&&l.maxWidth&&u>l.maxWidth&&(t.style.width=`${l.maxWidth}px`);let d={startX:0,startY:0,startW:0,startH:0,startL:0,startT:0,minW:(s=l==null?void 0:l.minWidth)==null?0:s,minH:(c=l==null?void 0:l.minHeight)==null?0:c,maxW:l==null?void 0:l.maxWidth,maxH:l==null?void 0:l.maxHeight,handlers:[]};if(l!=null&&l.left){let e=a(`hr`,t,l);e.dataset.side=`left`,t.appendChild(e),d.handlers.push(e)}if(l!=null&&l.right){let e=a(`hr`,t,l);e.dataset.side=`right`,t.appendChild(e),d.handlers.push(e)}if(l!=null&&l.top){let e=a(`vr`,t,l);e.dataset.side=`top`,t.appendChild(e),d.handlers.push(e)}if(l!=null&&l.bottom){let e=a(`vr`,t,l);e.dataset.side=`bottom`,t.appendChild(e),d.handlers.push(e)}if(l!=null&&l.bottomRight){let e=a(`corner`,t,l);e.dataset.side=`bottom-right`,t.appendChild(e),d.handlers.push(e)}let f=e=>{var n,r,i;let a=e.target;if(!a||!((n=a.dataset)!=null&&n.side))return;let o=a.dataset.side;(r=(i=e.target).setPointerCapture)==null||r.call(i,e.pointerId),d.side=o,d.pointerId=e.pointerId;let s=t.getBoundingClientRect();d.startX=e.clientX,d.startY=e.clientY,d.startW=s.width,d.startH=s.height;let c=getComputedStyle(t),l=parseFloat(c.left||`0`),u=parseFloat(c.top||`0`);d.startL=l,d.startT=u,d.onMove=e=>p(e,t,d),d.onUp=e=>m(e,t,d),window.addEventListener(`pointermove`,d.onMove),window.addEventListener(`pointerup`,d.onUp),window.addEventListener(`pointercancel`,d.onUp),e.preventDefault()},p=(e,t,n)=>{if(n.side===void 0)return;let r=e.clientX-n.startX,i=e.clientY-n.startY,a=n.startW,s=n.startH,c=n.startL,l=n.startT;n.side===`right`?(a=Math.max(n.minW,n.startW+r),n.maxW&&(a=Math.min(a,n.maxW))):n.side===`left`?(a=Math.max(n.minW,n.startW-r),n.maxW&&(a=Math.min(a,n.maxW)),c=n.startL+(n.startW-a)):n.side===`bottom`?(s=Math.max(n.minH,n.startH+i),n.maxH&&(s=Math.min(s,n.maxH))):n.side===`top`?(s=Math.max(n.minH,n.startH-i),n.maxH&&(s=Math.min(s,n.maxH)),l=n.startT+(n.startH-s)):n.side===`bottom-right`&&(a=Math.max(n.minW,n.startW+r),s=Math.max(n.minH,n.startH+i),n.maxW&&(a=Math.min(a,n.maxW)),n.maxH&&(s=Math.min(s,n.maxH))),t.style.width=`${a}px`,t.style.height=`${s}px`;let u=getComputedStyle(t).position;(u===`absolute`||u===`relative`||u===`fixed`)&&(t.style.left=`${c}px`,t.style.top=`${l}px`);let d=t.getBoundingClientRect();n.handlers.forEach(e=>{let t=e.dataset.side;o(e,t,d)}),e.preventDefault()},m=(e,t,n)=>{n.onMove&&(window.removeEventListener(`pointermove`,n.onMove),window.removeEventListener(`pointerup`,n.onUp),window.removeEventListener(`pointercancel`,n.onUp)),n.side=void 0,n.pointerId=void 0},h=()=>{let e=t.getBoundingClientRect();d.handlers.forEach(t=>{let n=t.dataset.side;t.style.position=`absolute`,t.style.boxSizing=`content-box`,o(t,n,e)})};d.handlers.forEach(e=>e.addEventListener(`pointerdown`,f));let g=new ResizeObserver(h);return g.observe(t),d.ro=g,h(),{destroy:()=>{d.handlers.forEach(e=>{e.removeEventListener(`pointerdown`,f),e.parentElement===t&&t.removeChild(e)}),d.onMove&&(window.removeEventListener(`pointermove`,d.onMove),window.removeEventListener(`pointerup`,d.onUp),window.removeEventListener(`pointercancel`,d.onUp)),d.ro&&d.ro.disconnect()}}}var c={mounted(e,t){let n=t.value,{destroy:r}=s(e,n);e.__v_resizable_cleanup=r},beforeUnmount(e){let t=e.__v_resizable_cleanup;t&&(t(),delete e.__v_resizable_cleanup)}};function l(e,t){return s(e,t)}exports.applyResizable=l,exports.vResizable=c;
package/cjs/index.d.ts CHANGED
@@ -2148,6 +2148,67 @@ declare const _default: {
2148
2148
  useMenuEmits(emits: EmitFn<components.MenuEmits>): {
2149
2149
  select: (value: any, item: components.MenuOption) => void;
2150
2150
  };
2151
+ ReEllipsisMenu: {
2152
+ new (...args: any[]): CreateComponentPublicInstanceWithMixins<Readonly<components.EllipsisMenuProps> & Readonly<{
2153
+ onUpdated?: ((args_0: {
2154
+ showMore: boolean;
2155
+ moreSlots: VNode[];
2156
+ splitIndex: number;
2157
+ }) => any) | undefined;
2158
+ }>, {
2159
+ wrapper: Readonly< ShallowRef<HTMLElement | null>>;
2160
+ moreRef: Readonly< ShallowRef<HTMLElement | null>>;
2161
+ update: () => Promise<void>;
2162
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2163
+ updated: (args_0: {
2164
+ showMore: boolean;
2165
+ moreSlots: VNode[];
2166
+ splitIndex: number;
2167
+ }) => any;
2168
+ }, PublicProps, {}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, any, ComponentProvideOptions, {
2169
+ P: {};
2170
+ B: {};
2171
+ D: {};
2172
+ C: {};
2173
+ M: {};
2174
+ Defaults: {};
2175
+ }, Readonly<components.EllipsisMenuProps> & Readonly<{
2176
+ onUpdated?: ((args_0: {
2177
+ showMore: boolean;
2178
+ moreSlots: VNode[];
2179
+ splitIndex: number;
2180
+ }) => any) | undefined;
2181
+ }>, {
2182
+ wrapper: Readonly< ShallowRef<HTMLElement | null>>;
2183
+ moreRef: Readonly< ShallowRef<HTMLElement | null>>;
2184
+ update: () => Promise<void>;
2185
+ }, {}, {}, {}, {}>;
2186
+ __isFragment?: never;
2187
+ __isTeleport?: never;
2188
+ __isSuspense?: never;
2189
+ } & ComponentOptionsBase<Readonly<components.EllipsisMenuProps> & Readonly<{
2190
+ onUpdated?: ((args_0: {
2191
+ showMore: boolean;
2192
+ moreSlots: VNode[];
2193
+ splitIndex: number;
2194
+ }) => any) | undefined;
2195
+ }>, {
2196
+ wrapper: Readonly< ShallowRef<HTMLElement | null>>;
2197
+ moreRef: Readonly< ShallowRef<HTMLElement | null>>;
2198
+ update: () => Promise<void>;
2199
+ }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2200
+ updated: (args_0: {
2201
+ showMore: boolean;
2202
+ moreSlots: VNode[];
2203
+ splitIndex: number;
2204
+ }) => any;
2205
+ }, string, {}, {}, string, {}, GlobalComponents, GlobalDirectives, string, ComponentProvideOptions> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
2206
+ $slots: {
2207
+ default?: (props: {}) => any;
2208
+ } & {
2209
+ icon?: (props: {}) => any;
2210
+ };
2211
+ });
2151
2212
  install: (app: App) => void;
2152
2213
  version: string;
2153
2214
  };
package/cjs/index.js CHANGED
@@ -1 +1 @@
1
- Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./utils/vue/index.js"),t=require("./utils/util.js");require("./utils/index.js");const n=require("./components/button/src/constants.js"),ee=require("./composables/use-draggable/index.js"),r=require("./composables/use-date-format/index.js"),i=require("./composables/use-once-fn/index.js"),a=require("./composables/use-time-nodes/index.js"),o=require("./composables/use-waterfall-layout/index.js"),s=require("./composables/use-namespace/index.js"),c=require("./composables/use-z-index/index.js"),te=require("./composables/use-theme/index.js"),ne=require("./constants/svgLoading.js"),re=require("./constants/index.js"),l=require("./composables/use-slot-nodes/index.js");require("./composables/index.js");const u=require("./components/button/index.js"),d=require("./components/input/index.js"),f=require("./components/tabs/index.js"),p=require("./components/primary-color/index.js"),m=require("./components/secondary-color/index.js"),h=require("./components/neutral-color/index.js"),g=require("./components/filter-panel/index.js"),_=require("./components/svg-icon/index.js"),v=require("./components/transition/src/use-transition-emit.js"),y=require("./components/transition/index.js"),b=require("./components/tooltip/src/use-tooltip-emit.js"),x=require("./components/tooltip/index.js"),S=require("./components/popover/src/use-popover-emit.js"),C=require("./components/popover/index.js"),w=require("./components/popconfirm/index.js"),T=require("./components/message/src/create-message.js"),E=require("./components/message/index.js"),D=require("./components/dropdown/src/use-dropdown-emit.js"),O=require("./components/dropdown/index.js"),k=require("./components/menu/src/use-menu-emit.js"),A=require("./components/menu/index.js"),j=require("./components/index.js"),M=require("./directives/vDraggable.js"),N=require("./directives/vResizable.js"),P=require("./directives/vSvgLoading.js");require("./directives/index.js");const F=require("./svg-icons/icon-names.js"),I=require("./svg-icons/get-async-icon.js"),L=require("./svg-icons/src/arrow-right.js"),R=require("./svg-icons/src/arrow-left.js"),z=require("./svg-icons/src/arrow-up.js"),B=require("./svg-icons/src/arrow-down.js"),V=require("./svg-icons/src/search.js"),H=require("./svg-icons/src/search-bold.js"),U=require("./svg-icons/src/arrow-downward.js"),W=require("./svg-icons/src/arrow-upward.js"),G=require("./svg-icons/src/arrow-forward.js"),K=require("./svg-icons/src/arrow-backward.js"),q=require("./svg-icons/src/delete.js"),J=require("./svg-icons/src/close.js"),Y=require("./svg-icons/src/close-short.js"),ie=require("./svg-icons/src/loading.js"),ae=require("./svg-icons/src/more-dot-square.js"),oe=require("./svg-icons/src/more-dot-square-horizontal.js"),se=require("./svg-icons/src/more-line.js"),ce=require("./svg-icons/src/more-dot-circle.js"),le=require("./svg-icons/src/more-dot-circle-horizontal.js"),ue=require("./svg-icons/src/copy.js"),de=require("./svg-icons/src/copy-closure.js"),fe=require("./svg-icons/src/star.js"),pe=require("./svg-icons/src/star-fill.js"),me=require("./svg-icons/src/help.js"),he=require("./svg-icons/src/exclam.js"),ge=require("./svg-icons/src/more-dot-circle-outline-vertical.js"),_e=require("./svg-icons/src/more-dot-circle-outline-horizontal.js"),ve=require("./svg-icons/src/check.js"),ye=require("./svg-icons/src/check-circle.js"),be=require("./svg-icons/src/close-circle.js"),xe=require("./svg-icons/src/info-circle.js"),Se=require("./svg-icons/src/check-fill.js"),Ce=require("./svg-icons/src/info-fill.js"),we=require("./svg-icons/src/close-fill.js"),Te=require("./svg-icons/src/exclam-fill.js"),Ee=require("./svg-icons/src/triangle-downward-fill.js"),De=require("./svg-icons/src/triangle-upward-fill.js"),Oe=require("./svg-icons/src/triangle-forward-fill.js"),ke=require("./svg-icons/src/triangle-backward-fill.js"),Ae=require("./svg-icons/src/play.js"),X=require("./svg-icons/index.js"),je=require("./rappel-ui/resolvers.js");var Z=e.createGlobalInstaller(Object.values({...j.components_exports,...X.svg_icons_exports})),Q=Z.install,$=Z.version,Me={install:Q,version:$,...j.components_exports,...X.svg_icons_exports};exports.ArrowBackward=K.ArrowBackward,exports.ArrowDown=B.ArrowDown,exports.ArrowDownward=U.ArrowDownward,exports.ArrowForward=G.ArrowForward,exports.ArrowLeft=R.ArrowLeft,exports.ArrowRight=L.ArrowRight,exports.ArrowUp=z.ArrowUp,exports.ArrowUpward=W.ArrowUpward,exports.Check=ve.Check,exports.CheckCircle=ye.CheckCircle,exports.CheckFill=Se.CheckFill,exports.Close=J.Close,exports.CloseCircle=be.CloseCircle,exports.CloseFill=we.CloseFill,exports.CloseShort=Y.CloseShort,exports.Copy=ue.Copy,exports.CopyClosure=de.CopyClosure,exports.Delete=q.Delete,exports.Exclam=he.Exclam,exports.ExclamFill=Te.ExclamFill,exports.Help=me.Help,exports.INSTALLED_KEY=e.INSTALLED_KEY,exports.InfoCircle=xe.InfoCircle,exports.InfoFill=Ce.InfoFill,exports.Loading=ie.Loading,exports.MoreDotCircle=ce.MoreDotCircle,exports.MoreDotCircleHorizontal=le.MoreDotCircleHorizontal,exports.MoreDotCircleOutlineHorizontal=_e.MoreDotCircleOutlineHorizontal,exports.MoreDotCircleOutlineVertical=ge.MoreDotCircleOutlineVertical,exports.MoreDotSquare=ae.MoreDotSquare,exports.MoreDotSquareHorizontal=oe.MoreDotSquareHorizontal,exports.MoreLine=se.MoreLine,exports.Play=Ae.Play,exports.RappelUIResolver=je.RappelUIResolver,exports.ReButton=u.ReButton,exports.ReButtonGroup=u.ReButtonGroup,exports.ReDropdown=O.ReDropdown,exports.ReDropdownItem=O.ReDropdownItem,exports.ReDropdownMenu=O.ReDropdownMenu,exports.ReDropdownSubmenu=O.ReDropdownSubmenu,exports.ReFilterPanel=g.ReFilterPanel,exports.ReInput=d.ReInput,exports.ReMenu=A.ReMenu,exports.ReMenuItem=A.ReMenuItem,exports.ReMessage=E.ReMessage,exports.ReNeutralColor=h.ReNeutralColor,exports.RePopconfirm=w.RePopconfirm,exports.RePopover=C.RePopover,exports.RePrimaryColor=p.RePrimaryColor,exports.ReSecondaryColor=m.ReSecondaryColor,exports.ReSubmenu=A.ReSubmenu,exports.ReSvgIcon=_.ReSvgIcon,exports.ReTabs=f.ReTabs,exports.ReTooltip=x.ReTooltip,exports.ReTransition=y.ReTransition,exports.Search=V.Search,exports.SearchBold=H.SearchBold,exports.Star=fe.Star,exports.StarFill=pe.StarFill,exports.TriangleBackwardFill=ke.TriangleBackwardFill,exports.TriangleDownwardFill=Ee.TriangleDownwardFill,exports.TriangleForwardFill=Oe.TriangleForwardFill,exports.TriangleUpwardFill=De.TriangleUpwardFill,exports._buttonGroupProvideKey=n._buttonGroupProvideKey,exports.applyResizable=N.applyResizable,exports.autoCalcFileSize=t.autoCalcFileSize,exports.buildTree=t.buildTree,exports.buttonNativeTypes=n.buttonNativeTypes,exports.buttonSizes=n.buttonSizes,exports.buttonTypes=n.buttonTypes,exports.copyText=t.copyText,exports.createColors=t.createColors,exports.createGlobalInstaller=e.createGlobalInstaller,exports.createMessage=T.createMessage,exports.deepClone=t.deepClone,exports.deepLoopOptions=t.deepLoopOptions,exports.default=Me,exports.deleteKeys=t.deleteKeys,exports.filterNodeTypes=re.filterNodeTypes,exports.flatArr=t.flatArr,exports.getAsyncIcon=I.getAsyncIcon,exports.getCssVarsByPrefix=t.getCssVarsByPrefix,exports.getEqualOpacityColor=t.getEqualOpacityColor,exports.hasOwnProperty=t.hasOwnProperty,exports.hexToRGB=t.hexToRGB,exports.iconNames=F.iconNames,exports.install=Q,exports.isAnum=t.isAnum,exports.isPlainObject=t.isPlainObject,exports.joinURLs=t.joinURLs,exports.mixedColor=t.mixedColor,exports.normalizeOptions=t.normalizeOptions,exports.omitEmptyKeys=t.omitEmptyKeys,exports.paramsToFormData=t.paramsToFormData,exports.rgbToHex=t.rgbToHex,exports.setURLSearchParams=t.setURLSearchParams,exports.svgLoadingContent=ne.svgLoadingContent,exports.toKebabCase=t.toKebabCase,exports.toLowerCase=e.toLowerCase,exports.toPascalCase=e.toPascalCase,exports.toPx=t.toPx,exports.transitionSize=t.transitionSize,exports.useDateFormat=r.useDateFormat,exports.useDraggable=ee.useDraggable,exports.useDropdownEmits=D.useDropdownEmits,exports.useMenuEmits=k.useMenuEmits,exports.useNamespace=s.useNamespace,exports.useOnceFn=i.useOnceFn,exports.usePopoverEmits=S.usePopoverEmits,exports.useSlotFirstNode=l.useSlotFirstNode,exports.useSlotNodes=l.useSlotNodes,exports.useTheme=te.useTheme,exports.useTimeNodes=a.useTimeNodes,exports.useTooltipEmits=b.useTooltipEmits,exports.useTransitionEmits=v.useTransitionEmits,exports.useWaterFallLayout=o.useWaterFallLayout,exports.useZIndex=c.useZIndex,exports.vDraggable=M.vDraggable,exports.vResizable=N.vResizable,exports.vSvgLoading=P.vSvgLoading,exports.version=$,exports.withInstall=e.withInstall,exports.withMultiInstall=e.withMultiInstall;
1
+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./utils/vue/index.js"),t=require("./utils/util.js");require("./utils/index.js");const n=require("./components/button/src/constants.js"),ee=require("./composables/use-draggable/index.js"),r=require("./composables/use-date-format/index.js"),i=require("./composables/use-once-fn/index.js"),a=require("./composables/use-time-nodes/index.js"),o=require("./composables/use-waterfall-layout/index.js"),s=require("./composables/use-namespace/index.js"),c=require("./composables/use-z-index/index.js"),te=require("./composables/use-theme/index.js"),ne=require("./constants/svgLoading.js"),re=require("./constants/index.js"),l=require("./composables/use-slot-nodes/index.js"),u=require("./directives/vDraggable.js"),d=require("./directives/vResizable.js"),f=require("./directives/vSvgLoading.js");require("./directives/index.js");const p=require("./composables/use-resizable/index.js");require("./composables/index.js");const m=require("./components/button/index.js"),h=require("./components/input/index.js"),g=require("./components/tabs/index.js"),_=require("./components/primary-color/index.js"),v=require("./components/secondary-color/index.js"),y=require("./components/neutral-color/index.js"),b=require("./components/filter-panel/index.js"),x=require("./components/svg-icon/index.js"),S=require("./components/transition/src/use-transition-emit.js"),C=require("./components/transition/index.js"),w=require("./components/tooltip/src/use-tooltip-emit.js"),T=require("./components/tooltip/index.js"),E=require("./components/popover/src/use-popover-emit.js"),D=require("./components/popover/index.js"),O=require("./components/popconfirm/index.js"),k=require("./components/message/src/create-message.js"),A=require("./components/message/index.js"),j=require("./components/dropdown/src/use-dropdown-emit.js"),M=require("./components/dropdown/index.js"),N=require("./components/menu/src/use-menu-emit.js"),P=require("./components/menu/index.js"),F=require("./components/ellipsis-menu/index.js"),I=require("./components/index.js"),L=require("./svg-icons/icon-names.js"),R=require("./svg-icons/get-async-icon.js"),z=require("./svg-icons/src/arrow-right.js"),B=require("./svg-icons/src/arrow-left.js"),V=require("./svg-icons/src/arrow-up.js"),H=require("./svg-icons/src/arrow-down.js"),U=require("./svg-icons/src/search.js"),W=require("./svg-icons/src/search-bold.js"),G=require("./svg-icons/src/arrow-downward.js"),K=require("./svg-icons/src/arrow-upward.js"),q=require("./svg-icons/src/arrow-forward.js"),J=require("./svg-icons/src/arrow-backward.js"),Y=require("./svg-icons/src/delete.js"),ie=require("./svg-icons/src/close.js"),ae=require("./svg-icons/src/close-short.js"),oe=require("./svg-icons/src/loading.js"),se=require("./svg-icons/src/more-dot-square.js"),ce=require("./svg-icons/src/more-dot-square-horizontal.js"),le=require("./svg-icons/src/more-line.js"),ue=require("./svg-icons/src/more-dot-circle.js"),de=require("./svg-icons/src/more-dot-circle-horizontal.js"),fe=require("./svg-icons/src/copy.js"),pe=require("./svg-icons/src/copy-closure.js"),me=require("./svg-icons/src/star.js"),he=require("./svg-icons/src/star-fill.js"),ge=require("./svg-icons/src/help.js"),_e=require("./svg-icons/src/exclam.js"),ve=require("./svg-icons/src/more-dot-circle-outline-vertical.js"),ye=require("./svg-icons/src/more-dot-circle-outline-horizontal.js"),be=require("./svg-icons/src/check.js"),xe=require("./svg-icons/src/check-circle.js"),Se=require("./svg-icons/src/close-circle.js"),Ce=require("./svg-icons/src/info-circle.js"),we=require("./svg-icons/src/check-fill.js"),Te=require("./svg-icons/src/info-fill.js"),Ee=require("./svg-icons/src/close-fill.js"),De=require("./svg-icons/src/exclam-fill.js"),Oe=require("./svg-icons/src/triangle-downward-fill.js"),ke=require("./svg-icons/src/triangle-upward-fill.js"),Ae=require("./svg-icons/src/triangle-forward-fill.js"),je=require("./svg-icons/src/triangle-backward-fill.js"),Me=require("./svg-icons/src/play.js"),X=require("./svg-icons/index.js"),Ne=require("./rappel-ui/resolvers.js");var Z=e.createGlobalInstaller(Object.values({...I.components_exports,...X.svg_icons_exports})),Q=Z.install,$=Z.version,Pe={install:Q,version:$,...I.components_exports,...X.svg_icons_exports};exports.ArrowBackward=J.ArrowBackward,exports.ArrowDown=H.ArrowDown,exports.ArrowDownward=G.ArrowDownward,exports.ArrowForward=q.ArrowForward,exports.ArrowLeft=B.ArrowLeft,exports.ArrowRight=z.ArrowRight,exports.ArrowUp=V.ArrowUp,exports.ArrowUpward=K.ArrowUpward,exports.Check=be.Check,exports.CheckCircle=xe.CheckCircle,exports.CheckFill=we.CheckFill,exports.Close=ie.Close,exports.CloseCircle=Se.CloseCircle,exports.CloseFill=Ee.CloseFill,exports.CloseShort=ae.CloseShort,exports.Copy=fe.Copy,exports.CopyClosure=pe.CopyClosure,exports.Delete=Y.Delete,exports.Exclam=_e.Exclam,exports.ExclamFill=De.ExclamFill,exports.Help=ge.Help,exports.INSTALLED_KEY=e.INSTALLED_KEY,exports.InfoCircle=Ce.InfoCircle,exports.InfoFill=Te.InfoFill,exports.Loading=oe.Loading,exports.MoreDotCircle=ue.MoreDotCircle,exports.MoreDotCircleHorizontal=de.MoreDotCircleHorizontal,exports.MoreDotCircleOutlineHorizontal=ye.MoreDotCircleOutlineHorizontal,exports.MoreDotCircleOutlineVertical=ve.MoreDotCircleOutlineVertical,exports.MoreDotSquare=se.MoreDotSquare,exports.MoreDotSquareHorizontal=ce.MoreDotSquareHorizontal,exports.MoreLine=le.MoreLine,exports.Play=Me.Play,exports.RappelUIResolver=Ne.RappelUIResolver,exports.ReButton=m.ReButton,exports.ReButtonGroup=m.ReButtonGroup,exports.ReDropdown=M.ReDropdown,exports.ReDropdownItem=M.ReDropdownItem,exports.ReDropdownMenu=M.ReDropdownMenu,exports.ReDropdownSubmenu=M.ReDropdownSubmenu,exports.ReEllipsisMenu=F.ReEllipsisMenu,exports.ReFilterPanel=b.ReFilterPanel,exports.ReInput=h.ReInput,exports.ReMenu=P.ReMenu,exports.ReMenuItem=P.ReMenuItem,exports.ReMessage=A.ReMessage,exports.ReNeutralColor=y.ReNeutralColor,exports.RePopconfirm=O.RePopconfirm,exports.RePopover=D.RePopover,exports.RePrimaryColor=_.RePrimaryColor,exports.ReSecondaryColor=v.ReSecondaryColor,exports.ReSubmenu=P.ReSubmenu,exports.ReSvgIcon=x.ReSvgIcon,exports.ReTabs=g.ReTabs,exports.ReTooltip=T.ReTooltip,exports.ReTransition=C.ReTransition,exports.Search=U.Search,exports.SearchBold=W.SearchBold,exports.Star=me.Star,exports.StarFill=he.StarFill,exports.TriangleBackwardFill=je.TriangleBackwardFill,exports.TriangleDownwardFill=Oe.TriangleDownwardFill,exports.TriangleForwardFill=Ae.TriangleForwardFill,exports.TriangleUpwardFill=ke.TriangleUpwardFill,exports._buttonGroupProvideKey=n._buttonGroupProvideKey,exports.applyResizable=d.applyResizable,exports.autoCalcFileSize=t.autoCalcFileSize,exports.buildTree=t.buildTree,exports.buttonNativeTypes=n.buttonNativeTypes,exports.buttonSizes=n.buttonSizes,exports.buttonTypes=n.buttonTypes,exports.copyText=t.copyText,exports.createColors=t.createColors,exports.createGlobalInstaller=e.createGlobalInstaller,exports.createMessage=k.createMessage,exports.deepClone=t.deepClone,exports.deepLoopOptions=t.deepLoopOptions,exports.default=Pe,exports.deleteKeys=t.deleteKeys,exports.filterNodeTypes=re.filterNodeTypes,exports.flatArr=t.flatArr,exports.getAsyncIcon=R.getAsyncIcon,exports.getCssVarsByPrefix=t.getCssVarsByPrefix,exports.getEqualOpacityColor=t.getEqualOpacityColor,exports.hasOwnProperty=t.hasOwnProperty,exports.hexToRGB=t.hexToRGB,exports.iconNames=L.iconNames,exports.install=Q,exports.isAnum=t.isAnum,exports.isPlainObject=t.isPlainObject,exports.joinURLs=t.joinURLs,exports.mixedColor=t.mixedColor,exports.normalizeOptions=t.normalizeOptions,exports.omitEmptyKeys=t.omitEmptyKeys,exports.paramsToFormData=t.paramsToFormData,exports.rgbToHex=t.rgbToHex,exports.setURLSearchParams=t.setURLSearchParams,exports.svgLoadingContent=ne.svgLoadingContent,exports.toKebabCase=t.toKebabCase,exports.toLowerCase=e.toLowerCase,exports.toPascalCase=e.toPascalCase,exports.toPx=t.toPx,exports.transitionSize=t.transitionSize,exports.useDateFormat=r.useDateFormat,exports.useDraggable=ee.useDraggable,exports.useDropdownEmits=j.useDropdownEmits,exports.useMenuEmits=N.useMenuEmits,exports.useNamespace=s.useNamespace,exports.useOnceFn=i.useOnceFn,exports.usePopoverEmits=E.usePopoverEmits,exports.useResizable=p.useResizable,exports.useSlotFirstNode=l.useSlotFirstNode,exports.useSlotNodes=l.useSlotNodes,exports.useTheme=te.useTheme,exports.useTimeNodes=a.useTimeNodes,exports.useTooltipEmits=w.useTooltipEmits,exports.useTransitionEmits=S.useTransitionEmits,exports.useWaterFallLayout=o.useWaterFallLayout,exports.useZIndex=c.useZIndex,exports.vDraggable=u.vDraggable,exports.vResizable=d.vResizable,exports.vSvgLoading=f.vSvgLoading,exports.version=$,exports.withInstall=e.withInstall,exports.withMultiInstall=e.withMultiInstall;