rappel-ui 1.0.12 → 1.0.13

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

@@ -1,98 +0,0 @@
-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/dist/cjs/components/tooltip/src/use-emit.d.ts

@@ -1,14 +0,0 @@
-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/dist/cjs/components/tooltip/src/use-emit.js

@@ -1 +0,0 @@
-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/dist/cjs/components/tooltip/src/use-tooltip.d.ts

@@ -1,11 +0,0 @@
-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/dist/cjs/components/tooltip/src/use-tooltip.js

@@ -1 +0,0 @@
-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}},delayHide:h,delayShow:m}}exports.useTooltip=r;

package/dist/cjs/composables/index.d.ts

@@ -1,8 +0,0 @@
-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/dist/cjs/composables/index.js

@@ -1 +0,0 @@
-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/dist/cjs/composables/use-date-format/index.d.ts

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

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

@@ -1 +0,0 @@
-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/dist/cjs/composables/use-draggable/index.d.ts

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

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

@@ -1 +0,0 @@
-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/dist/cjs/composables/use-namespace/index.d.ts

@@ -1,13 +0,0 @@
-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/dist/cjs/composables/use-namespace/index.js

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

@@ -1,24 +0,0 @@
-/**
- * 防止接口重复请求的方法<需保证方法名全局唯一>
- * @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/dist/cjs/composables/use-once-fn/index.js

@@ -1 +0,0 @@
-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/dist/cjs/composables/use-theme/index.d.ts

@@ -1,7 +0,0 @@
-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/dist/cjs/composables/use-theme/index.js

@@ -1 +0,0 @@
-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/dist/cjs/composables/use-time-nodes/index.d.ts

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

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

@@ -1 +0,0 @@
-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/dist/cjs/composables/use-waterfall-layout/index.d.ts

@@ -1,10 +0,0 @@
-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/dist/cjs/composables/use-waterfall-layout/index.js

@@ -1 +0,0 @@
-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/dist/cjs/composables/use-z-index/index.d.ts

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

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

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

package/dist/cjs/constants/index.d.ts

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

package/dist/cjs/constants/svgLoading.d.ts

@@ -1,2 +0,0 @@
-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/dist/cjs/constants/svgLoading.js

@@ -1,36 +0,0 @@
-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/dist/cjs/directives/index.d.ts

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

package/dist/cjs/directives/index.js

@@ -1 +0,0 @@
-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/dist/cjs/directives/vDraggable.d.ts

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

package/dist/cjs/directives/vDraggable.js

@@ -1 +0,0 @@
-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/dist/cjs/directives/vResizable.d.ts

@@ -1,14 +0,0 @@
-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/dist/cjs/directives/vResizable.js

@@ -1,21 +0,0 @@
-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/dist/cjs/directives/vSvgLoading.d.ts

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

package/dist/cjs/directives/vSvgLoading.js

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