rappel-ui 1.0.13 → 1.0.15

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,delayShow:z,delayHide:B}=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:V}=R(),H=()=>{L(),V==null||V.stop()};return(0,c.onUnmounted)(()=>{H()}),d({update:P,hide:()=>{A.value=!1},delayHide:B,show:()=>{A.value=!0},delayShow:z,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,11 @@
+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;
+    };
+    delayHide: (cb: () => void) => void;
+    delayShow: () => void;
+};

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

@@ -0,0 +1 @@
+const e=require("../../../node_modules/.pnpm/@vueuse_shared@14.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js"),t=require("../../../node_modules/.pnpm/@vueuse_core@14.4.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:u,delayLeave:d,triggerOnRemoval:!0},a=t.useElementHover(r,e),o=t.useElementHover(c,e);i&&l.value&&(a.value=!0);let{stop:s}=(0,n.watch)(()=>[a.value,o.value],([e,t])=>{l.value=e||t});p.push(s);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}},delayHide:h,delayShow:m}}exports.useTooltip=r;

package/cjs/composables/index.d.ts

@@ -0,0 +1,8 @@
+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.d.ts

@@ -0,0 +1,7 @@
+/**
+ *时间格式化方法 YYYY-MM-DD HH:mm:ss
+ * @param {Date} date 日期实例对象
+ * @param {String} fmtStr 格式化字符串
+ * @returns {String} 格式化后的日期字符串
+ */
+export declare function useDateFormat(date: Date, fmtStr: string): string;

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.d.ts

@@ -0,0 +1,10 @@
+export declare function useDraggable(el: HTMLElement, options?: {
+    preventDefault?: boolean;
+    customHandler?: HTMLElement | null;
+    autoTopHandler?: boolean;
+    topHandlerHeight?: number;
+    isAllHandler?: boolean;
+}): {
+    updatePos: () => void;
+    cleanup: () => void;
+};

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

@@ -0,0 +1,13 @@
+export declare function useNamespace(compName: string): {
+    libName: string;
+    prefix: string;
+    statePrefix: 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;
+};

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

@@ -0,0 +1 @@
+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/use-once-fn/index.d.ts

@@ -0,0 +1,24 @@
+/**
+ * 防止接口重复请求的方法<需保证方法名全局唯一>
+ * @param {Function} funcName 方法名
+ * @param {...Array<any>} funcParams  方法参数（剩余参数）,原方法怎么传，这里就怎么传
+ * @description 适用于返回Promise的所有方法，支持多个方法
+ * @example
+ * 1、基本用法：
+ * import {getUserList} from "@/api/user"
+ * const res = await useOnceFn(getUserList, params, data)
+ *
+ * 2、多个方法
+ * import {getUserList} from "@/api/user"
+ * import {getOrgTree} from "@/api/org"
+ *
+ * const res1 = await useOnceFn(getUserList, params, data)
+ * const res2 = await useOnceFn(getOrgTree)
+ *
+ * 3、用于async方法
+ * async function demo(){...}
+ * const res = await useOnceFn(demo)
+ *
+ * @returns {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.4.0_vue@3.5.26_typescript@5.9.3_/node_modules/@vueuse/shared/dist/index.js"),n=require("../../node_modules/.pnpm/@vueuse_core@14.4.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.d.ts

@@ -0,0 +1,3 @@
+export declare function useTimeNodes(start?: string, end?: string, step?: string, fmt?: string): {
+    timeNodes: string[];
+};

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.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+export declare function useWaterFallLayout(containerRef: Ref<HTMLElement | null>, itemSelector: string): {
+    init: (isRearrange?: boolean) => void;
+    column: Ref<number, number>;
+    rowSpacing: Ref<number, number>;
+    columnSpacing: Ref<number, number>;
+    oddColumnBgColor: Ref<string, string>;
+    evenColumnBgColor: Ref<string, string>;
+    getItems: (selector?: string) => any;
+};

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/index.d.ts

@@ -0,0 +1 @@
+export * from './svgLoading';

package/cjs/constants/svgLoading.d.ts

@@ -0,0 +1,2 @@
+declare const svgLoadingContent = "<svg viewBox=\"0 0 800 800\" xmlns=\"http://www.w3.org/2000/svg\">\n<style>\n    @keyframes spin {\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n@keyframes spin2 {\n  0% {\n    stroke-dasharray: 1, 800;\n    stroke-dashoffset: 0;\n  }\n  50% {\n    stroke-dasharray: 200, 200;\n    stroke-dashoffset: 100px;\n  }\n  100% {\n    stroke-dasharray: 800, 1;\n    stroke-dashoffset: -800px;\n  }\n}\n\n.spin2 {\n  transform-origin: center;\n  animation: spin2 1.5s ease-in-out infinite,\n    spin 2s linear infinite;\n  animation-direction: alternate;\n}\n</style>\n  <circle class=\"spin2\" cx=\"400\" cy=\"400\" fill=\"none\"\n    r=\"200\" stroke-width=\"40\" stroke=\"#E387FF\"\n    stroke-dasharray=\"800 1400\"\n    stroke-linecap=\"round\"\n  />\n</svg>";
+export { svgLoadingContent };

package/cjs/constants/svgLoading.js

@@ -0,0 +1,36 @@
+var e=`<svg viewBox="0 0 800 800" xmlns="http://www.w3.org/2000/svg">
+<style>
+    @keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@keyframes spin2 {
+  0% {
+    stroke-dasharray: 1, 800;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 200, 200;
+    stroke-dashoffset: 100px;
+  }
+  100% {
+    stroke-dasharray: 800, 1;
+    stroke-dashoffset: -800px;
+  }
+}
+
+.spin2 {
+  transform-origin: center;
+  animation: spin2 1.5s ease-in-out infinite,
+    spin 2s linear infinite;
+  animation-direction: alternate;
+}
+</style>
+  <circle class="spin2" cx="400" cy="400" fill="none"
+    r="200" stroke-width="40" stroke="#E387FF"
+    stroke-dasharray="800 1400"
+    stroke-linecap="round"
+  />
+</svg>`;exports.svgLoadingContent=e;

package/cjs/directives/index.d.ts

@@ -0,0 +1,3 @@
+export * from './vDraggable';
+export * from './vResizable';
+export * from './vSvgLoading';

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.d.ts

@@ -0,0 +1,2 @@
+import { Directive } from 'vue';
+export declare const vDraggable: Directive;

package/cjs/directives/vDraggable.js

@@ -0,0 +1 @@
+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.d.ts

@@ -0,0 +1,14 @@
+import { DirectiveBinding } from 'vue';
+interface ResizeOptions {
+    minWidth?: number;
+    minHeight?: number;
+    maxWidth?: number;
+    maxHeight?: number;
+}
+/** main directive */
+declare const vResizable: {
+    mounted(el: HTMLElement, binding: DirectiveBinding): void;
+    beforeUnmount(el: HTMLElement): void;
+};
+declare function applyResizable(el: HTMLElement, options?: ResizeOptions): () => void;
+export { vResizable, applyResizable };

package/cjs/directives/vResizable.js

@@ -0,0 +1,21 @@
+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;
+  user-select: none;
+  touch-action: none;
+  opacity: 0;
+}
+.${e}::after {
+  content: '';
+  display:block;
+  width:100%;
+  height:100%;
+  border-radius:2px;
+  background: rgba(0,0,0,0.12);
+}
+.${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.d.ts

@@ -0,0 +1,4 @@
+export declare const vSvgLoading: {
+    mounted(el: HTMLElement, binding: any, vNode: any): void;
+    updated(el: HTMLElement, binding: any, vNode: any): void;
+};

package/cjs/directives/vSvgLoading.js

@@ -0,0 +1 @@
+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;