rappel-ui 1.0.8 → 1.0.11

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

@@ -0,0 +1,106 @@
+export * from './src/types';
+export declare const ReTooltip: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('.').TooltipProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        onBeforeShow?: ((el: HTMLElement) => any) | undefined;
+        onShow?: ((el: HTMLElement) => any) | undefined;
+        onBeforeHide?: ((el: HTMLElement) => any) | undefined;
+        onHide?: ((el: HTMLElement) => any) | undefined;
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {
+        update: () => void;
+        hide: () => void;
+        show: () => void;
+        triggerRef: HTMLElement | import('@floating-ui/vue').VirtualElement | null | undefined;
+        floatingRef: HTMLElement | undefined;
+        arrowRef: HTMLElement | undefined;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        beforeShow: (el: HTMLElement) => any;
+        show: (el: HTMLElement) => any;
+        beforeHide: (el: HTMLElement) => any;
+        hide: (el: HTMLElement) => any;
+        beforeEnter: (el: HTMLElement) => any;
+        enter: (el: HTMLElement, done: () => void) => any;
+        afterEnter: (el: HTMLElement) => any;
+        beforeLeave: (el: HTMLElement) => any;
+        leave: (el: HTMLElement, done: () => void) => any;
+        afterLeave: (el: HTMLElement) => any;
+        "update:visible": (value: boolean) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('.').TooltipProps & {
+        visible?: boolean;
+    }> & Readonly<{
+        onBeforeShow?: ((el: HTMLElement) => any) | undefined;
+        onShow?: ((el: HTMLElement) => any) | undefined;
+        onBeforeHide?: ((el: HTMLElement) => any) | undefined;
+        onHide?: ((el: HTMLElement) => any) | undefined;
+        onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+        onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+        onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+        onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+        onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+        "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    }>, {
+        update: () => void;
+        hide: () => void;
+        show: () => void;
+        triggerRef: HTMLElement | import('@floating-ui/vue').VirtualElement | null | undefined;
+        floatingRef: HTMLElement | undefined;
+        arrowRef: HTMLElement | undefined;
+    }, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('.').TooltipProps & {
+    visible?: boolean;
+}> & Readonly<{
+    onBeforeShow?: ((el: HTMLElement) => any) | undefined;
+    onShow?: ((el: HTMLElement) => any) | undefined;
+    onBeforeHide?: ((el: HTMLElement) => any) | undefined;
+    onHide?: ((el: HTMLElement) => any) | undefined;
+    onBeforeEnter?: ((el: HTMLElement) => any) | undefined;
+    onEnter?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onAfterEnter?: ((el: HTMLElement) => any) | undefined;
+    onBeforeLeave?: ((el: HTMLElement) => any) | undefined;
+    onLeave?: ((el: HTMLElement, done: () => void) => any) | undefined;
+    onAfterLeave?: ((el: HTMLElement) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {
+    update: () => void;
+    hide: () => void;
+    show: () => void;
+    triggerRef: HTMLElement | import('@floating-ui/vue').VirtualElement | null | undefined;
+    floatingRef: HTMLElement | undefined;
+    arrowRef: HTMLElement | undefined;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    beforeShow: (el: HTMLElement) => any;
+    show: (el: HTMLElement) => any;
+    beforeHide: (el: HTMLElement) => any;
+    hide: (el: HTMLElement) => any;
+    beforeEnter: (el: HTMLElement) => any;
+    enter: (el: HTMLElement, done: () => void) => any;
+    afterEnter: (el: HTMLElement) => any;
+    beforeLeave: (el: HTMLElement) => any;
+    leave: (el: HTMLElement, done: () => void) => any;
+    afterLeave: (el: HTMLElement) => any;
+    "update:visible": (value: boolean) => any;
+}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: {
+        content?: (props: {}) => any;
+    };
+});
+export default ReTooltip;

package/cjs/components/tooltip/index.js

@@ -0,0 +1 @@
+const e=require("../../utils/vue/index.js");require("../../utils/index.js");const t=require("./src/tooltip.js");var n=e.withInstall(t.default);exports.ReTooltip=n,exports.default=n;

package/cjs/components/tooltip/src/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const filterNodeTypes: readonly ["Symbol(Comment)", "Symbol()", "Symbol(v-cmt)"];
+export declare const staticSideMap: {
+    readonly top: "bottom";
+    readonly bottom: "top";
+    readonly left: "right";
+    readonly right: "left";
+};

package/cjs/components/tooltip/src/constants.js

@@ -0,0 +1 @@
+var e=[`Symbol(Comment)`,`Symbol()`,`Symbol(v-cmt)`],t={top:`bottom`,bottom:`top`,left:`right`,right:`left`};exports.filterNodeTypes=e,exports.staticSideMap=t;

package/cjs/components/tooltip/src/content.js

@@ -0,0 +1 @@
+var e=require("./content.vue_vue_type_script_setup_true_lang.js").default;exports.default=e;

package/cjs/components/tooltip/src/content.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js"),n=require("../../../composables/use-z-index/index.js"),r=require("../../../composables/use-theme/index.js");require("../../../composables/index.js");const i=require("./use-emit.js");let a=require("vue");var o=[`data-placement`],s=(0,a.defineComponent)({__name:`content`,props:(0,a.mergeModels)({modelValue:{type:Boolean},style:{type:[Boolean,null,String,Object,Array],default:()=>void 0},arrowStyle:{default:()=>void 0},appendTo:{default:`body`},teleported:{type:Boolean,default:!0},defer:{type:Boolean,default:()=>void 0},content:{},placement:{default:`top`},showArrow:{type:Boolean,default:!1},width:{default:()=>void 0},height:{default:()=>void 0},maxWidth:{default:()=>void 0},maxHeight:{default:()=>void 0},floatingClass:{default:()=>void 0},transition:{default:``},mode:{default:()=>void 0},cssTransition:{type:Boolean,default:!1},cssDuration:{default:0},appear:{type:Boolean,default:!1},zIndex:{default:()=>void 0},theme:{default:`light`},reverseTheme:{type:Boolean,default:!1}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,a.mergeModels)([`beforeShow`,`show`,`beforeHide`,`hide`,`beforeEnter`,`enter`,`afterEnter`,`beforeLeave`,`leave`,`afterLeave`],[`update:modelValue`]),setup(s,{expose:c,emit:l}){let u=(0,a.useModel)(s,`modelValue`),{beforeShow:d,show:f,beforeHide:p,hide:m,beforeEnter:h,beforeLeave:g,enter:_,leave:v,afterEnter:y,afterLeave:b}=i.useEmits(l),{n:x,ns:S,is:C}=t.useNamespace(`tooltip`),{currentTheme:w}=r.useTheme(s.theme,s.reverseTheme),T=(0,a.useTemplateRef)(`floatingRef`),E=(0,a.useTemplateRef)(`arrowRef`),D=(0,a.computed)(()=>[s.style,{width:e.toPx(s.width),height:e.toPx(s.height),maxWidth:e.toPx(s.maxWidth),maxHeight:e.toPx(s.maxHeight),zIndex:O.value}]),O=(0,a.ref)(0),{zIndex:k}=n.useZIndex(),{stop:A}=(0,a.watch)(u,e=>{e&&(O.value=s.zIndex||k.value)}),j=(0,a.computed)(()=>s.cssTransition?null:`enter`),M=(0,a.computed)(()=>s.cssTransition?null:`leave`),N=e=>{s.cssTransition?d(e):h(e)},P=(e,t)=>{_(e,t)},F=e=>{s.cssTransition?f(e):y(e)},I=e=>{s.cssTransition?p(e):g(e)},L=(e,t)=>{v(e,t)},R=e=>{s.cssTransition?m(e):b(e)};return(0,a.onUnmounted)(()=>{A()}),c({floatingRef:T,arrowRef:E}),(e,t)=>((0,a.openBlock)(),(0,a.createBlock)(a.Teleport,{disabled:!s.teleported,defer:s.defer,to:s.appendTo},[(0,a.createVNode)(a.Transition,(0,a.mergeProps)({name:s.transition,type:`transition`,css:s.cssTransition,duration:s.cssDuration,appear:s.appear,mode:s.mode,onBeforeEnter:N,onBeforeLeave:I},{[(0,a.toHandlerKey)(j.value)]:P},{[(0,a.toHandlerKey)(M.value)]:L},{onAfterEnter:F,onAfterLeave:R}),{default:(0,a.withCtx)(()=>[u.value?((0,a.openBlock)(),(0,a.createElementBlock)(`div`,{key:0,ref_key:`floatingRef`,ref:T,style:(0,a.normalizeStyle)(D.value),class:(0,a.normalizeClass)([(0,a.unref)(x)(),(0,a.unref)(C)((0,a.unref)(w),!!(0,a.unref)(w)),s.floatingClass])},[(0,a.renderSlot)(e.$slots,`default`),s.showArrow?((0,a.openBlock)(),(0,a.createElementBlock)(`span`,{key:0,ref_key:`arrowRef`,ref:E,"data-placement":s.placement,style:(0,a.normalizeStyle)(s.arrowStyle),class:(0,a.normalizeClass)([(0,a.unref)(S)(`arrow`)])},null,14,o)):(0,a.createCommentVNode)(``,!0)],6)):(0,a.createCommentVNode)(``,!0)]),_:3},16,[`name`,`css`,`duration`,`appear`,`mode`])],8,[`disabled`,`defer`,`to`]))}});exports.default=s;

package/cjs/components/tooltip/src/tooltip.js

@@ -0,0 +1 @@
+var e=require("./tooltip.vue_vue_type_script_setup_true_lang.js").default;exports.default=e;

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

@@ -0,0 +1 @@
+const e=require("../../../utils/util.js");require("../../../utils/index.js");const t=require("../../../composables/use-namespace/index.js");require("../../../composables/index.js");const n=require("../../../node_modules/.pnpm/@floating-ui_dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.js"),r=require("../../../node_modules/.pnpm/@floating-ui_vue@2.0.1_vue@3.5.26_typescript@5.9.3_/node_modules/@floating-ui/vue/dist/floating-ui.vue.js"),i=require("./use-emit.js"),a=require("./content.js"),o=require("./use-tooltip.js"),s=require("./constants.js");let c=require("vue");var l=[`innerHTML`],u=(0,c.defineComponent)({name:`ReTooltip`,__name:`tooltip`,props:(0,c.mergeModels)({visible:{type:Boolean},content:{default:``},isHtml:{type:Boolean,default:()=>void 0},placement:{default:`top`},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},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:`dark`},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:`tooltip`},mode:{},cssTransition:{type:Boolean,default:!0},cssDuration:{default:0},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}},{visible:{type:Boolean,default:void 0},visibleModifiers:{}}),emits:(0,c.mergeModels)([`beforeShow`,`show`,`beforeHide`,`hide`,`beforeEnter`,`enter`,`afterEnter`,`beforeLeave`,`leave`,`afterLeave`],[`update:visible`]),setup(u,{expose:d,emit:f}){let{beforeShow:p,beforeHide:m,show:h,hide:g,beforeEnter:_,enter:v,afterEnter:y,beforeLeave:b,leave:x,afterLeave:S}=i.useEmits(f),{ns:C}=t.useNamespace(`tooltip`),w=(0,c.useSlots)(),T=(0,c.computed)(()=>{var e,t;let n=w==null||(e=w.default)==null||(e=e.call(w))==null?void 0:e.filter(e=>e&&!s.filterNodeTypes.includes(e.type.toString()))[0];return(n==null||(t=n.type)==null?void 0:t.toString())===`Symbol(v-txt)`?(0,c.h)(`span`,{},n):n}),E=(0,c.useTemplateRef)(`triggerRef`),D=(0,c.useTemplateRef)(`floatingRef`),O=(0,c.ref)(),k=(0,c.computed)(()=>u.isVirtual?u.virtualRef:u.isExternal?O.value:T.value?E.value:null),A=(0,c.useModel)(u,`visible`),{floatingStyles:j,middlewareData:M,placement:N,update:P}=r.useFloating(k,(0,c.computed)(()=>{var e;return(e=D.value)==null?void 0:e.floatingRef}),{open:A,placement:u.placement,strategy:`absolute`,middleware:[n.inline(u.inlineOptions),n.offset(u.offset),n.flip({padding:u.flipOffset,boundary:u.boundary,elementContext:u.elementContext,altBoundary:u.altBoundary,rootBoundary:u.rootBoundary,...u.flipOptions}),r.arrow({element:(0,c.computed)(()=>{var e;return(e=D.value)==null?void 0:e.arrowRef}),padding:u.arrowOffset,...u.arrowOptions})],whileElementsMounted:(e,t,r)=>n.autoUpdate(e,t,r,{animationFrame:!0,ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0})}),F=(0,c.computed)(()=>[j.value,u.floatingStyle]),I=(0,c.computed)(()=>{let t=s.staticSideMap[N.value.split(`-`)[0]],n=M.value.arrow;return{position:`absolute`,left:(n==null?void 0:n.x)==null?``:`${n.x}px`,top:(n==null?void 0:n.y)==null?``:`${n.y}px`,[t]:`-${u.arrowSize/2}px`,width:e.toPx(u.arrowSize),height:e.toPx(u.arrowSize)}}),{stop:L,setup:R}=o.useTooltip({triggerRef:(0,c.computed)(()=>u.isVirtual?void 0:u.isExternal?u.externalRef:T.value?E.value:null),isExternal:u.isExternal,externalActiveRef:O,externalRef:(0,c.computed)(()=>u.externalRef),trigger:u.trigger,floatingRef:(0,c.computed)(()=>{var e;return u.persistent?(e=D.value)==null?void 0:e.floatingRef:void 0}),open:A,showDelay:u.showDelay,hideDelay:u.hideDelay,disabled:(0,c.computed)(()=>u.disabled)}),{scope:z}=R(),B=()=>{L(),z==null||z.stop()};return(0,c.onUnmounted)(()=>{B()}),d({update:P,hide:()=>{A.value=!1},show:()=>{A.value=!0},triggerRef:k.value,floatingRef:(0,c.computed)(()=>{var e;return(e=D.value)==null?void 0:e.floatingRef}).value,arrowRef:(0,c.computed)(()=>{var e;return(e=D.value)==null?void 0:e.arrowRef}).value}),(e,t)=>((0,c.openBlock)(),(0,c.createElementBlock)(c.Fragment,null,[((0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(T.value),{ref_key:`triggerRef`,ref:E,class:(0,c.normalizeClass)([(0,c.unref)(C)(`trigger`)])},null,8,[`class`])),(0,c.createVNode)(a.default,{ref_key:`floatingRef`,ref:D,modelValue:A.value,"onUpdate:modelValue":t[0]||(t[0]=e=>A.value=e),placement:(0,c.unref)(N),"show-arrow":u.showArrow,width:u.width,height:u.height,"max-width":u.maxWidth,"max-height":u.maxHeight,"floating-class":u.floatingClass,style:(0,c.normalizeStyle)(F.value),theme:u.theme,"reverse-theme":u.reverseTheme,"arrow-style":I.value,teleported:u.teleported,"append-to":u.appendTo,transition:u.transition,"css-duration":u.cssDuration,"css-transition":u.cssTransition,onBeforeShow:(0,c.unref)(p),onShow:(0,c.unref)(h),onBeforeHide:(0,c.unref)(m),onHide:(0,c.unref)(g),onBeforeEnter:(0,c.unref)(_),onEnter:(0,c.unref)(v),onAfterEnter:(0,c.unref)(y),onBeforeLeave:(0,c.unref)(b),onLeave:(0,c.unref)(x),onAfterLeave:(0,c.unref)(S)},{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`content`,{},()=>[u.isHtml?((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:0,class:(0,c.normalizeClass)([(0,c.unref)(C)(`content`)]),innerHTML:u.content},null,10,l)):((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:1,class:(0,c.normalizeClass)([(0,c.unref)(C)(`content`)])},(0,c.toDisplayString)(u.content),3))])]),_:3},8,`modelValue.placement.show-arrow.width.height.max-width.max-height.floating-class.style.theme.reverse-theme.arrow-style.teleported.append-to.transition.css-duration.css-transition.onBeforeShow.onShow.onBeforeHide.onHide.onBeforeEnter.onEnter.onAfterEnter.onBeforeLeave.onLeave.onAfterLeave`.split(`.`))],64))}});exports.default=u;

package/cjs/components/tooltip/src/types.d.ts

@@ -0,0 +1,98 @@
+import { ShallowRef, ComputedRef, Ref, StyleValue } from 'vue';
+import { Placement, OffsetOptions, ArrowOptions, ShiftOptions, FlipOptions, InlineOptions, HideOptions, Boundary, RootBoundary, ElementContext, VirtualElement } from '@floating-ui/vue';
+import { Theme, MaybeClass } from '@rappel-ui/types';
+export interface TooltipProps {
+    visible?: boolean;
+    content?: string;
+    isHtml?: boolean;
+    placement?: Placement;
+    delay?: number | string;
+    width?: number | string;
+    height?: number | string;
+    maxWidth?: number | string;
+    maxHeight?: number | string;
+    trigger?: Trigger;
+    disabled?: boolean;
+    showDelay?: number;
+    hideDelay?: number;
+    showArrow?: boolean;
+    floatingClass?: MaybeClass;
+    floatingStyle?: StyleValue;
+    theme?: Theme;
+    reverseTheme?: boolean;
+    offset?: number | OffsetOptions;
+    teleported?: boolean;
+    appendTo?: string | HTMLElement;
+    persistent?: boolean;
+    boundary?: Boundary | HTMLElement;
+    elementContext?: ElementContext;
+    altBoundary?: boolean;
+    rootBoundary?: RootBoundary;
+    transition?: string;
+    mode?: TransitionMode;
+    cssTransition?: boolean;
+    cssDuration?: number;
+    arrowSize?: number;
+    arrowOffset?: number;
+    arrowOptions?: ArrowOptions;
+    shiftOptions?: ShiftOptions;
+    flipOffset?: number;
+    flipOptions?: FlipOptions;
+    inlineOptions?: InlineOptions;
+    hideOptions?: HideOptions;
+    isExternal?: boolean;
+    externalRef?: HTMLElement;
+    isVirtual?: boolean;
+    virtualRef?: VirtualElement;
+}
+export interface TriggerOptions {
+    triggerRef: Ref<HTMLElement | null | undefined>;
+    isExternal?: boolean;
+    externalRef?: ComputedRef<HTMLElement | null | undefined>;
+    externalActiveRef: Ref<HTMLElement | null | undefined>;
+    trigger: string;
+    floatingRef: ShallowRef<HTMLElement | undefined>;
+    open: ShallowRef<boolean>;
+    showDelay?: number;
+    hideDelay?: number;
+    disabled?: ShallowRef<boolean | undefined> | ComputedRef<boolean | undefined>;
+}
+export type Trigger = 'hover' | 'click' | 'focus' | 'contextmenu';
+export type TransitionMode = 'in-out' | 'out-in' | 'default';
+export interface FloatingProps {
+    modelValue?: boolean;
+    style?: StyleValue;
+    arrowStyle?: Record<string, any>;
+    appendTo?: string | HTMLElement;
+    teleported?: boolean;
+    defer?: boolean;
+    content?: string;
+    placement?: string;
+    showArrow?: boolean;
+    width?: number | string;
+    height?: number | string;
+    maxWidth?: number | string;
+    maxHeight?: number | string;
+    floatingClass?: MaybeClass;
+    transition?: string;
+    mode?: TransitionMode;
+    cssTransition?: boolean;
+    cssDuration?: number;
+    appear?: boolean;
+    zIndex?: number;
+    theme?: Theme;
+    reverseTheme?: boolean;
+}
+export interface FloatingEmits {
+    beforeShow: [el: HTMLElement];
+    show: [el: HTMLElement];
+    beforeHide: [el: HTMLElement];
+    hide: [el: HTMLElement];
+    beforeEnter: [el: HTMLElement];
+    enter: [el: HTMLElement, done: () => void];
+    afterEnter: [el: HTMLElement];
+    beforeLeave: [el: HTMLElement];
+    leave: [el: HTMLElement, done: () => void];
+    afterLeave: [el: HTMLElement];
+}
+export type { Placement, OffsetOptions, ShiftOptions, FlipOptions, ArrowOptions, VirtualElement, ElementContext, Boundary, RootBoundary, InlineOptions, HideOptions };

package/cjs/components/tooltip/src/use-emit.d.ts

@@ -0,0 +1,14 @@
+import { EmitFn } from 'vue';
+import { FloatingEmits } from './types';
+export declare function useEmits(emits: EmitFn<FloatingEmits>): {
+    beforeShow: (el: any) => void;
+    show: (el: any) => void;
+    beforeHide: (el: any) => void;
+    hide: (el: any) => void;
+    beforeEnter: (el: any) => void;
+    beforeLeave: (el: any) => void;
+    enter: (el: any, done: any) => void;
+    leave: (el: any, done: any) => void;
+    afterEnter: (el: any) => void;
+    afterLeave: (el: any) => void;
+};

package/cjs/components/tooltip/src/use-emit.js

@@ -0,0 +1 @@
+function e(e){return{beforeShow:t=>e(`beforeShow`,t),show:t=>e(`show`,t),beforeHide:t=>e(`beforeHide`,t),hide:t=>e(`hide`,t),beforeEnter:t=>e(`beforeEnter`,t),beforeLeave:t=>e(`beforeLeave`,t),enter:(t,n)=>e(`enter`,t,n),leave:(t,n)=>e(`leave`,t,n),afterEnter:t=>e(`afterEnter`,t),afterLeave:t=>e(`afterLeave`,t)}}exports.useEmits=e;

package/cjs/components/tooltip/src/use-tooltip.d.ts

@@ -0,0 +1,9 @@
+import { EffectScope } from 'vue';
+import { TriggerOptions } from './types';
+export declare function useTooltip({ triggerRef, isExternal, externalActiveRef, externalRef, trigger, floatingRef, open, showDelay, hideDelay, disabled }: TriggerOptions): {
+    start: () => void;
+    stop: () => void;
+    setup: () => {
+        scope: EffectScope;
+    };
+};

package/cjs/components/tooltip/src/use-tooltip.js

@@ -0,0 +1 @@
+const e=require("../../../node_modules/.pnpm/@vueuse_shared@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js"),t=require("../../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js");let n=require("vue");function r({triggerRef:r,isExternal:i,externalActiveRef:a,externalRef:o,trigger:s,floatingRef:c,open:l,showDelay:u=0,hideDelay:d=0,disabled:f}){let p=[],m=e.useDebounceFn(()=>{l.value=!0},i?0:u),h=e.useDebounceFn(e=>{l.value=!1,typeof e==`function`&&e()},i?0:d),g=()=>{if(r.value)switch(s){case`click`:{let e=t.useEventListener(r,`click`,m),n=t.useElementHover(c,{delayEnter:0,delayLeave:0,triggerOnRemoval:!0}),i=t.onClickOutside(r,()=>{!n.value&&h()});p.push(e,i);break}case`hover`:{let e={delayEnter:i?0:u,delayLeave:i?0:d,triggerOnRemoval:!0},a=t.useElementHover(r,e);i&&l.value&&(a.value=!0);let o,{stop:s}=(0,n.watch)(a,e=>{l.value=e||(o==null?void 0:o.value)}),{stop:f}=(0,n.watch)(c,r=>{if(!r)return;o=t.useElementHover(c,e);let{stop:i}=(0,n.watch)(o,e=>{l.value=e||a.value});p.push(i)});p.push(s,f);break}case`focus`:{let e=t.useEventListener(r,`focus`,m),n=t.useElementHover(c,{delayEnter:0,delayLeave:0,triggerOnRemoval:!0}),i=t.useEventListener(r,`blur`,()=>!n.value&&h()),a=t.onClickOutside(r,()=>!n.value&&h());p.push(e,i,a);break}case`contextmenu`:{let e=t.useEventListener(r,`contextmenu`,e=>{e.preventDefault(),m()}),n=t.useElementHover(c,{delayEnter:0,delayLeave:0,triggerOnRemoval:!0}),i=t.onClickOutside(r,()=>!n.value&&h());p.push(e,i);break}}},_=()=>{p.forEach(e=>e())},v=()=>{l.value=!1,_()};return i&&(0,n.watch)(()=>o==null?void 0:o.value,e=>{if(!([`click`,`contextmenu`].includes(s)&&a.value===e)){if(!a.value||!l.value){a.value=e,m();return}h(()=>{a.value=e,m()})}}),{start:g,stop:v,setup:()=>{let e=(0,n.effectScope)();return e.run(()=>{if(l.value){_();return}if((0,n.unref)(f)){v();return}g(),(0,n.watch)(()=>(0,n.unref)(f),e=>{e?v():g()}),(0,n.watch)(r,e=>{e&&(_(),g())})}),{scope:e}}}}exports.useTooltip=r;

package/cjs/composables/index.d.ts

@@ -1,6 +1,8 @@
-export * from './useDraggable';
-export * from './useDateFormat';
-export * from './useOnceFn';
-export * from './useTimeNodes';
-export * from './useWaterFallLayout';
+export * from './use-draggable';
+export * from './use-date-format';
+export * from './use-once-fn';
+export * from './use-time-nodes';
+export * from './use-waterfall-layout';
 export * from './use-namespace';
+export * from './use-z-index';
+export * from './use-theme';

package/cjs/composables/index.js

@@ -0,0 +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");exports.useDateFormat=t.useDateFormat,exports.useDraggable=e.useDraggable,exports.useNamespace=a.useNamespace,exports.useOnceFn=n.useOnceFn,exports.useTheme=s.useTheme,exports.useTimeNodes=r.useTimeNodes,exports.useWaterFallLayout=i.useWaterFallLayout,exports.useZIndex=o.useZIndex;

package/cjs/composables/use-date-format/index.js

@@ -0,0 +1 @@
+function e(e,t){let n=e.getFullYear(),r=e.getMonth()+1,i=e.getDate(),a=e.getHours(),o=e.getMinutes(),s=e.getSeconds(),c={YYYY:String(n),YY:String(n).substring(2),MM:String(r).padStart(2,`0`),M:String(r),DD:String(i).padStart(2,`0`),D:String(i),HH:String(a).padStart(2,`0`),H:String(a),mm:String(o).padStart(2,`0`),m:String(o),ss:String(s).padStart(2,`0`),s:String(s)};return t.replace(/(YYYY|YY|MM|M|DD|D|HH|H|mm|m|ss|s)/g,e=>c[e])}exports.useDateFormat=e;

package/cjs/composables/use-draggable/index.js

@@ -0,0 +1 @@
+function e(e,t){if(!e)return{updatePos:()=>{},cleanup:()=>{}};let n=Object.assign({},{preventDefault:!0,customHandler:null,autoTopHandler:!1,topHandlerHeight:20,isAllHandler:!0},t||{}),r=n.customHandler?n.customHandler:n.autoTopHandler?(()=>{let t=document.createElement(`div`);return t.style.cssText=`user-select:none;height: ${n.topHandlerHeight}px; z-index:3000;cursor: move; position: absolute; top: 0; left: 0;right:0;background-color: transparent;opacity: 1;`,t.classList.add(`v-draggable-top-handler`),e.appendChild(t),t})():e,i=!1,a=0,o=0,s=0,c=0,l=0,u=0,d=0,f=0,p=e=>window.getComputedStyle(e).transform,m=e=>{let t=p(e);if(t&&t!==`none`){let{e,f:n,m41:r,m42:i}=new DOMMatrix(t);return{x:e||r||0,y:n||i||0}}return{x:0,y:0}},h=()=>{let t=e.getBoundingClientRect(),{x:n,y:r}=m(e);s=n,c=r,l=-t.left+n,u=-t.top+r,d=window.innerWidth-t.right+n,f=window.innerHeight-t.bottom+r},g=e=>{let t=e.target;return!t||t.isContentEditable||t.closest(`input, textarea, button, select, a,[contenteditable], [contenteditable="true"]`)||[`TEXTAREA`,`INPUT`,`BUTTON`,`A`,`SELECT`].includes(t==null?void 0:t.tagName)?!1:!!n.isAllHandler||t===r},_=e=>{g(e)&&(i=!0,n.preventDefault&&e.preventDefault(),h(),a=e.clientX-s,o=e.clientY-c,document.removeEventListener(`pointermove`,v),document.removeEventListener(`pointerup`,y),document.removeEventListener(`pointercancel`,y),document.addEventListener(`pointermove`,v),document.addEventListener(`pointerup`,y),document.addEventListener(`pointercancel`,y))},v=t=>{if(!i)return;let n=t.clientX-a,r=t.clientY-o;n=n<s?Math.max(n,l):Math.min(n,d),r=r<c?Math.max(r,u):Math.min(r,f),e.style.transform=`translate(${n}px, ${r}px)`,s=n,c=r},y=()=>{i=!1,document.removeEventListener(`pointermove`,v),document.removeEventListener(`pointerup`,y),document.removeEventListener(`pointercancel`,y)};return h(),r.removeEventListener(`pointerdown`,_),r.addEventListener(`pointerdown`,_),window.removeEventListener(`resize`,h),window.addEventListener(`resize`,h),{updatePos:h,cleanup:e._cleanup=()=>{if(y(),r.removeEventListener(`pointerdown`,_),window.removeEventListener(`resize`,h),n.autoTopHandler&&!n.customHandler){let t=e.querySelector(`.v-draggable-top-handler`);t&&t.remove()}}}}exports.useDraggable=e;

package/cjs/composables/use-namespace/index.d.ts

@@ -1,12 +1,13 @@
 export declare function useNamespace(compName: string): {
+    libName: string;
     prefix: string;
     statePrefix: string;
-    n: (name: string) => string;
-    ng: (name: string, groupName: string) => string;
-    nm: (name: string, modifier: string) => string;
-    ngm: (name: string, groupName: string, modifier: string) => string;
-    ns: (name: string, subName: string) => string;
-    ngs: (name: string, groupName: string, subName: string) => string;
+    n: (name?: string) => string;
+    ng: (groupName: string) => string;
+    nm: (modifier: string) => string;
+    ngm: (groupName: string, modifier: string) => string;
+    ns: (subName: string) => string;
+    ngs: (groupName: string, subName: string) => string;
     cls: (name: string, groupName?: string, modifier?: string, subName?: string) => string;
-    is: (state: string, bool?: boolean | undefined | "") => string;
+    is: (state: string, bool?: boolean | undefined) => string;
 };

package/cjs/composables/use-namespace/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(i){const t=(n,s,e,r)=>{let c=`re-${n||i}`;return s&&(c+=`-${s}`),e&&(c+=`--${e}`),r&&(c+=`__${r}`),c.toLowerCase()};return{prefix:"re",statePrefix:"is",n:n=>t(n),ng:(n,s)=>t(n,s),nm:(n,s)=>t(n,"",s),ngm:(n,s,e)=>t(n,s,e),ns:(n,s)=>t(n,"","",s),ngs:(n,s,e)=>t(n,s,"",e),cls:t,is:(n,s=!0)=>s?`is-${n}`:""}}exports.useNamespace=o;
+function e(e){let t=(t,n,r,i)=>{let a=`re-${t||e}`;return n&&(a+=`-${n}`),r&&(a+=`--${r}`),i&&(a+=`__${i}`),a.toLowerCase()};return{libName:`rappel-ui`,prefix:`re`,statePrefix:`is`,n:(e=``)=>t(e),ng:e=>t(``,e),nm:e=>t(``,``,e),ngm:(e,n)=>t(``,e,n),ns:e=>t(``,``,``,e),ngs:(e,n)=>t(``,e,``,n),cls:t,is:(e,t=void 0)=>t?`is-${e}`:``}}exports.useNamespace=e;

package/cjs/composables/{useOnceFn.d.ts → use-once-fn/index.d.ts}

@@ -21,4 +21,4 @@
  *
  * @returns {Promise<any>}
  */
-export declare function useOnceFn(funcName: Function, ...funcParams: any[]): Promise<any>;
+export declare function useOnceFn(funcName: (...args: any[]) => void, ...funcParams: any[]): Promise<any>;

package/cjs/composables/use-once-fn/index.js

@@ -0,0 +1 @@
+const e=require("../../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/defineProperty.js");var t=class{constructor(){e.default(this,`res`,void 0),e.default(this,`isFetching`,void 0),e.default(this,`isSuccess`,void 0),e.default(this,`queues`,void 0),this.res=null,this.isFetching=!1,this.isSuccess=!1,this.queues=[]}useOnceFn(e,...t){return new Promise(n=>{if(this.isSuccess){n(this.res);return}this.queues.push(n),this.isFetching||(this.isFetching=!0,Promise.resolve(e(...t)).then(e=>{this.res=e,this.loopQueues(),this.isSuccess=!0}))})}loopQueues(){for(;this.queues.length>0;){let e=this.queues.shift();e==null||e(this.res)}}},n={};function r(e,...r){let i=e.toString().replace(/[^a-zA-Z]/g,``);return n[i]||(n[i]=new t),n[i].useOnceFn(e,...r)}exports.useOnceFn=r;

package/cjs/composables/use-theme/index.d.ts

@@ -0,0 +1,7 @@
+import { WritableComputedRef, ComputedRef } from 'vue';
+import { Theme } from '@rappel-ui/types';
+export declare function useTheme(theme?: Theme, reverseTheme?: boolean): {
+    isDark: WritableComputedRef<boolean>;
+    currentTheme: ComputedRef<Theme>;
+    toggle: () => void;
+};

package/cjs/composables/use-theme/index.js

@@ -0,0 +1 @@
+const e=require("../use-namespace/index.js"),t=require("../../node_modules/.pnpm/@vueuse_shared@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js"),n=require("../../node_modules/.pnpm/@vueuse_core@14.0.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/core/dist/index.js");require("../index.js");let r=require("vue");var{libName:i}=e.useNamespace(``),a=n.useDark({storageKey:`${i}-color-scheme`,selector:`html`,attribute:`class`,valueDark:`dark`,valueLight:`light`});function o(e=`light`,n=!1){let i=t.useToggle(a);return{isDark:a,currentTheme:(0,r.computed)(()=>n?e===`dark`?`light`:`dark`:e),toggle:i}}exports.useTheme=o;

package/cjs/composables/use-time-nodes/index.js

@@ -0,0 +1 @@
+const e=require("../use-date-format/index.js");require("../index.js");function t(t=`00:00`,n=`23:00`,r=`02:00`,i=`HH:mm`){let a=e=>{let[t,n,r]=e.split(`:`).map(Number);return[t||0,n||0,r||0]},o=e=>{let[t,n,r]=a(e),i=new Date;return new Date(i.getFullYear(),i.getMonth()+1,i.getDate(),t,n,r)},s=t=>e.useDateFormat(t,i),c=e=>{let[t,n,i]=a(r);return new Date(e.getTime()+t*36e5+n*6e4+i*1e3)},l=[],[u,d,f]=a(r);if(u===0&&d===0&&f===0)throw Error(`时间步长不能为0`);let p=o(t),m=o(n);for(;p<=m;)l.push(s(p)),p=c(p);return{timeNodes:l}}exports.useTimeNodes=t;

package/cjs/composables/use-waterfall-layout/index.js

@@ -0,0 +1 @@
+let e=require("vue");function t(t,n){let r=(0,e.ref)(3),i=(0,e.ref)(2),a=(0,e.ref)(2),o=(0,e.ref)(`#F5F8F8`),s=(0,e.ref)(`#FFFFFF`),c=(0,e.ref)(`top 300ms ease-in-out, left 300ms ease-in-out`),l=(0,e.ref)(0),u=(0,e.ref)(0),d=(0,e.ref)(0),f=e=>document.querySelectorAll(e||n),p=()=>{t.value.style.position=`relative`},m=()=>{p(),l.value=t.value.clientWidth},h=()=>{d.value=(l.value-a.value*(r.value-1))/r.value},g=e=>{let t=e%r.value;return t===0?0:t*(d.value+a.value)},_=e=>{let{style:t,offsetHeight:n}=e;return parseFloat(t.top)+n+i.value},v=(e,t)=>e>=r.value?_(t[e-r.value]):0,y=e=>{let n=_(e);n>u.value&&(u.value=n,t.value.style.height=`${n}px`)},b=(0,e.ref)(`is-dealed`),x=(e=!1)=>{let t=f(),n=f(`.${b.value}`),r=0;n.length>0&&(r=n.length),e&&(r=0,u.value=0);for(let e=r;e<t.length;e++)t[e].style.position=`absolute`,t[e].style.transition=c.value,t[e].style.width=`${d.value}px`,t[e].style.backgroundColor=S(e),t[e].style.left=`${g(e)}px`,t[e].style.top=`${v(e,t)}px`,t[e].classList.add(b.value),y(t[e])},S=e=>{let t=e+1;return r.value%2==0?t%2==0?s.value:o.value:t%r.value!==0&&t%r.value%2==0?s.value:o.value},C=(t=!1)=>{m(),h(),(0,e.nextTick)(()=>{x(t)})};return(0,e.watch)(()=>r.value,()=>{(0,e.nextTick)(()=>{C(!0)})}),{init:C,column:r,rowSpacing:i,columnSpacing:a,oddColumnBgColor:o,evenColumnBgColor:s,getItems:f}}exports.useWaterFallLayout=t;

package/cjs/composables/use-z-index/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * global z-index increment
+ * @returns
+ */
+export declare function useZIndex(): {
+    zIndex: {
+        _i: number;
+        readonly value: number;
+    };
+    reset: (val: number) => void;
+};

package/cjs/composables/use-z-index/index.js

@@ -0,0 +1 @@
+var e={_i:2e3,get value(){return this._i++}};function t(){return{zIndex:e,reset:t=>{e._i=t}}}exports.useZIndex=t;

package/cjs/constants/svgLoading.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=`<svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg">
+var e=`<svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg">
 <style>
     @keyframes spin {
   to {
@@ -33,4 +33,4 @@
     stroke-dasharray="800 1400"
     stroke-linecap="round"
   />
-</svg>`;exports.svgLoadingContent=s;
+</svg>`;exports.svgLoadingContent=e;

package/cjs/directives/index.js

@@ -0,0 +1 @@
+const e=require("./vDraggable.js"),t=require("./vResizable.js"),n=require("./vSvgLoading.js");exports.applyResizable=t.applyResizable,exports.vDraggable=e.vDraggable,exports.vResizable=t.vResizable,exports.vSvgLoading=n.vSvgLoading;

package/cjs/directives/vDraggable.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../composables/useDraggable.js");require("vue");const u={mounted(e,a){r.useDraggable(e,a.value||{})},unmounted(e){e._cleanup?.()}};exports.vDraggable=u;
+const e=require("../composables/use-draggable/index.js");require("../composables/index.js");var t={mounted(t,n){e.useDraggable(t,n.value||{})},unmounted(e){var t;(t=e._cleanup)==null||t.call(e)}};exports.vDraggable=t;

package/cjs/directives/vResizable.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=4,u="v-resizable-handle",M="v-resizable-handle-style";function P(){if(document.getElementById(M))return;const t=document.createElement("style");t.id=M,t.textContent=`
-.${u} {
+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=`
+.${e} {
   position: absolute;
   background: transparent;
   z-index: 9999;
@@ -7,7 +7,7 @@
   touch-action: none;
   opacity: 0;
 }
-.${u}::after {
+.${e}::after {
   content: '';
   display:block;
   width:100%;
@@ -15,7 +15,7 @@
   border-radius:2px;
   background: rgba(0,0,0,0.12);
 }
-.${u}.hr { cursor: ew-resize; }
-.${u}.vr { cursor: ns-resize; }
-.${u}.corner { cursor: nwse-resize; }
-`,document.head.appendChild(t)}function x(t,i,r){let n=0,p=0;switch(t){case"hr":n=c,p=r.height-c*2;break;case"vr":n=r.width-c*2,p=c;break;case"corner":n=c*2,p=c*2;break}return i.style.width=`${n}px`,i.style.height=`${p}px`,i}function f(t,i){const r=document.createElement("div"),n=i.getBoundingClientRect();return r.className=`${u} ${t}`,x(t,r,n)}function z(t,i,r){const n=c/2;switch(i){case"left":t.style.left=`${-n}px`,t.style.top=`${c}px`,x("hr",t,r);break;case"right":t.style.left=`${r.width-n}px`,t.style.top=`${c}px`,x("hr",t,r);break;case"top":t.style.left=`${c}px`,t.style.top=`${-n}px`,x("vr",t,r);break;case"bottom":t.style.left=`${c}px`,t.style.top=`${r.height-n}px`,x("vr",t,r);break;case"bottom-right":t.style.left=`${r.width-n}px`,t.style.top=`${r.height-n}px`;break}}function _(t,i){P(),getComputedStyle(t).position==="static"&&(t.style.position="relative"),t.style.boxSizing=t.style.boxSizing||"border-box";const n={startX:0,startY:0,startW:0,startH:0,startL:0,startT:0,minW:i?.minWidth??40,minH:i?.minHeight??24,maxW:i?.maxWidth,maxH:i?.maxHeight,handlers:[]},p=f("hr",t),v=f("hr",t),b=f("vr",t),y=f("vr",t),w=f("corner",t);p.dataset.side="left",v.dataset.side="right",b.dataset.side="top",y.dataset.side="bottom",w.dataset.side="bottom-right",t.appendChild(p),t.appendChild(v),t.appendChild(b),t.appendChild(y),t.appendChild(w),n.handlers.push(p,v,b,y,w);const H=o=>{const a=o.target;if(!a||!a.dataset?.side)return;const e=a.dataset.side;o.target.setPointerCapture?.(o.pointerId),n.side=e,n.pointerId=o.pointerId;const l=t.getBoundingClientRect();n.startX=o.clientX,n.startY=o.clientY,n.startW=l.width,n.startH=l.height;const m=getComputedStyle(t),s=parseFloat(m.left||"0"),d=parseFloat(m.top||"0");n.startL=s,n.startT=d,n.onMove=h=>C(h,t,n),n.onUp=h=>S(h,t,n),window.addEventListener("pointermove",n.onMove),window.addEventListener("pointerup",n.onUp),window.addEventListener("pointercancel",n.onUp),o.preventDefault()},C=(o,a,e)=>{if(e.side===void 0)return;const l=o.clientX-e.startX,m=o.clientY-e.startY;let s=e.startW,d=e.startH,h=e.startL,L=e.startT;e.side==="right"?(s=Math.max(e.minW,e.startW+l),e.maxW&&(s=Math.min(s,e.maxW))):e.side==="left"?(s=Math.max(e.minW,e.startW-l),e.maxW&&(s=Math.min(s,e.maxW)),h=e.startL+(e.startW-s)):e.side==="bottom"?(d=Math.max(e.minH,e.startH+m),e.maxH&&(d=Math.min(d,e.maxH))):e.side==="top"?(d=Math.max(e.minH,e.startH-m),e.maxH&&(d=Math.min(d,e.maxH)),L=e.startT+(e.startH-d)):e.side==="bottom-right"&&(s=Math.max(e.minW,e.startW+l),d=Math.max(e.minH,e.startH+m),e.maxW&&(s=Math.min(s,e.maxW)),e.maxH&&(d=Math.min(d,e.maxH))),a.style.width=`${s}px`,a.style.height=`${d}px`;const g=getComputedStyle(a).position;(g==="absolute"||g==="relative"||g==="fixed")&&(a.style.left=`${h}px`,a.style.top=`${L}px`);const k=a.getBoundingClientRect();e.handlers.forEach(W=>{const U=W.dataset.side;z(W,U,k)}),o.preventDefault()},S=(o,a,e)=>{e.onMove&&(window.removeEventListener("pointermove",e.onMove),window.removeEventListener("pointerup",e.onUp),window.removeEventListener("pointercancel",e.onUp)),e.side=void 0,e.pointerId=void 0},E=()=>{const o=t.getBoundingClientRect();n.handlers.forEach(a=>{const e=a.dataset.side;a.style.position="absolute",a.style.boxSizing="content-box",z(a,e,o)})};n.handlers.forEach(o=>o.addEventListener("pointerdown",H));const $=new ResizeObserver(E);return $.observe(t),n.ro=$,E(),{destroy:()=>{n.handlers.forEach(o=>{o.removeEventListener("pointerdown",H),o.parentElement===t&&t.removeChild(o)}),n.onMove&&(window.removeEventListener("pointermove",n.onMove),window.removeEventListener("pointerup",n.onUp),window.removeEventListener("pointercancel",n.onUp)),n.ro&&n.ro.disconnect()}}}const D={mounted(t,i){const r=i.value,{destroy:n}=_(t,r);t.__v_resizable_cleanup=n},beforeUnmount(t){const i=t.__v_resizable_cleanup;i&&(i(),delete t.__v_resizable_cleanup)}};function I(t,i){const{destroy:r}=_(t,i);return r}exports.applyResizable=I;exports.vResizable=D;
+.${e}.hr { cursor: ew-resize; }
+.${e}.vr { cursor: ns-resize; }
+.${e}.corner { cursor: nwse-resize; }
+`,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;break}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`;break}}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;

package/cjs/directives/vSvgLoading.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("../constants/svgLoading.js"),y=require("vue"),v=y.ref(1e3),b=y.ref(2e3),h={mounted(l,r,t){const o=(s,a,u)=>{const c={svgClass:"",svgContent:C.svgLoadingContent,svgViewBox:"",markBgColor:"rgba(255,255,255,0.8)",markClass:"",spinnerClass:"",spinnerH:300,spinnerContent:"",zIndex:b.value++},e=Object.assign({},c,a?.arg||{}),p=`background-color:${e.markBgColor};top:0;right:0;bottom:0;left:0;margin:0;position:absolute;transition:opacity 0.3s;overflow: hidden;`,d=`position:absolute;text-align:center;left:50%;top:50%;width:100%;height:${e.spinnerH}px;`,i=document.createElement("div"),n=document.createElement("div");v.value++,i.className=`svg-loading ${e.markClass} uid-${v.value}`,n.className=`svg-loading-spinner ${e.spinnerClass}`,n.innerHTML=`${e.svgContent}`;const g=n.getElementsByTagName("svg")[0];if(e.spinnerH&&(g.setAttribute("width",`${e.spinnerH}px`),g.setAttribute("height",`${e.spinnerH}px`)),e.svgClass&&g.setAttribute("class",e.svgClass),e.svgViewBox&&g.setAttribute("viewBox",e.svgViewBox),u.ctx.markSelector=".svg-loading",e.spinnerContent){const m=document.createElement("div");m.setAttribute("style","text-align:center;"),m.innerHTML=e.spinnerContent,n.appendChild(m)}n.setAttribute("style",d),n.style.setProperty("margin-top",`${-(e.spinnerH/2)}px`),n.style.setProperty("margin-left",`${-(e.spinnerH/2)}px`),i.setAttribute("style",p),i.style.setProperty("z-index",e.zIndex),i.appendChild(n),s.style.setProperty("position","relative"),s.appendChild(i)},x=s=>1-(1-s)**3,f=(s,a=150)=>{const u=performance.now(),c=e=>{const p=e-u;if(p>=a){s.style.setProperty("opacity","0"),s?.remove();return}const d=a?x(p/a):1;s.style.setProperty("opacity",String(1-d)),requestAnimationFrame(c)};requestAnimationFrame(c)};t.ctx.fadeOut=f,t.ctx.createLoading=o,r.value&&o(l,r,t)},updated(l,r,t){if(r.value!==r.oldValue){const o=l.querySelector(t.ctx.markSelector);r.value?!o&&t.ctx.createLoading(l,r,t):o&&t.ctx.fadeOut(o)}}};exports.vSvgLoading=h;
+const e=require("../constants/svgLoading.js");let t=require("vue");var n=(0,t.ref)(1e3),r=(0,t.ref)(2e3),i={mounted(t,i,a){let o=(t,i,a)=>{let o={svgClass:``,svgContent:e.svgLoadingContent,svgViewBox:``,markBgColor:`rgba(255,255,255,0.8)`,markClass:``,spinnerClass:``,spinnerH:300,spinnerContent:``,zIndex:r.value++},s=Object.assign({},o,(i==null?void 0:i.arg)||{}),c=`background-color:${s.markBgColor};top:0;right:0;bottom:0;left:0;margin:0;position:absolute;transition:opacity 0.3s;overflow: hidden;`,l=`position:absolute;text-align:center;left:50%;top:50%;width:100%;height:${s.spinnerH}px;`,u=document.createElement(`div`),d=document.createElement(`div`);n.value++,u.className=`svg-loading ${s.markClass} uid-${n.value}`,d.className=`svg-loading-spinner ${s.spinnerClass}`,d.innerHTML=`${s.svgContent}`;let f=d.getElementsByTagName(`svg`)[0];if(s.spinnerH&&(f.setAttribute(`width`,`${s.spinnerH}px`),f.setAttribute(`height`,`${s.spinnerH}px`)),s.svgClass&&f.setAttribute(`class`,s.svgClass),s.svgViewBox&&f.setAttribute(`viewBox`,s.svgViewBox),a.ctx.markSelector=`.svg-loading`,s.spinnerContent){let e=document.createElement(`div`);e.setAttribute(`style`,`text-align:center;`),e.innerHTML=s.spinnerContent,d.appendChild(e)}d.setAttribute(`style`,l),d.style.setProperty(`margin-top`,`${-(s.spinnerH/2)}px`),d.style.setProperty(`margin-left`,`${-(s.spinnerH/2)}px`),u.setAttribute(`style`,c),u.style.setProperty(`z-index`,s.zIndex),u.appendChild(d),t.style.setProperty(`position`,`relative`),t.appendChild(u)},s=e=>1-(1-e)**3,c=(e,t=150)=>{let n=performance.now(),r=i=>{let a=i-n;if(a>=t){e.style.setProperty(`opacity`,`0`),e==null||e.remove();return}let o=t?s(a/t):1;e.style.setProperty(`opacity`,String(1-o)),requestAnimationFrame(r)};requestAnimationFrame(r)};a.ctx.fadeOut=c,a.ctx.createLoading=o,i.value&&o(t,i,a)},updated(e,t,n){if(t.value!==t.oldValue){let r=e.querySelector(n.ctx.markSelector);t.value?!r&&n.ctx.createLoading(e,t,n):r&&n.ctx.fadeOut(r)}}};exports.vSvgLoading=i;