@tb-dev/vue 0.2.0 → 0.2.2

package/dist/composables/element-size/index.d.ts

@@ -6,4 +6,6 @@ export declare function useElementSize<T extends MaybeElement>(element: MaybeRef
     stop: () => void;
 };
 export declare function useHeight<T extends MaybeElement>(element: MaybeRefOrGetter<T>): Readonly<Ref<number>>;
+export declare function useHeightDiff<T extends MaybeElement>(element: MaybeRefOrGetter<T>): import('vue').ComputedRef<number>;
 export declare function useWidth<T extends MaybeElement>(element: MaybeRefOrGetter<T>): Readonly<Ref<number>>;
+export declare function useWidthDiff<T extends MaybeElement>(element: MaybeRefOrGetter<T>): import('vue').ComputedRef<number>;

package/dist/index.js

@@ -6,7 +6,7 @@ import { unwrap, isNil, toPixel } from '@tb-dev/utils';
 import { Primitive, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaCorner, useForwardPropsEmits, CheckboxRoot, CheckboxIndicator, ContextMenuRoot, ContextMenuCheckboxItem, ContextMenuItemIndicator, ContextMenuPortal, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, useForwardProps, ContextMenuSubTrigger, ContextMenuTrigger, DialogRoot, DialogClose, DialogOverlay, DialogPortal, DialogContent, DialogDescription, DialogTitle, DialogTrigger, DropdownMenuRoot, DropdownMenuCheckboxItem, DropdownMenuItemIndicator, DropdownMenuPortal, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, NumberFieldRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, Label, PopoverRoot, PopoverAnchor, PopoverPortal, PopoverContent, PopoverTrigger, ProgressRoot, ProgressIndicator, RadioGroupRoot, RadioGroupItem, RadioGroupIndicator, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectIcon, SelectValue, Separator, createContext, TooltipRoot, TooltipPortal, TooltipContent, TooltipArrow, TooltipProvider, TooltipTrigger, TabsRoot, TabsContent, TabsList, TabsTrigger, TagsInputRoot, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInputItemText, Toggle } from 'reka-ui';
 export { DropdownMenuPortal } from 'reka-ui';
 import { RouterLink } from 'vue-router';
-import { createReusableTemplate, reactiveOmit, useVModel, useMediaQuery, useEventListener, computedAsync, useAsyncState, useElementSize as useElementSize$1, tryOnScopeDispose, onKeyStroke, useLocalStorage, useWindowSize } from '@vueuse/core';
+import { createReusableTemplate, reactiveOmit, useVModel, useMediaQuery, useEventListener, computedAsync, useAsyncState, useWindowSize, useElementSize as useElementSize$1, tryOnScopeDispose, onKeyStroke, useLocalStorage } from '@vueuse/core';
 import { Check, Circle, ChevronRight, X, Minus, Plus, CircleIcon, ChevronDown, ChevronUp } from 'lucide-vue-next';
 
 function create$1() {
@@ -3896,15 +3896,32 @@ function asyncRef(initial, fn, options = {}) {
   return Object.assign(state, { execute });
 }
 
+function useWindowHeight() {
+  return useWindowSize().height;
+}
+function useWindowWidth() {
+  return useWindowSize().width;
+}
+
 function useElementSize(element) {
   return useElementSize$1(toRef(element), { height: 0, width: 0 }, { box: "border-box" });
 }
 function useHeight(element) {
   return useElementSize(element).height;
 }
+function useHeightDiff(element) {
+  const height = useHeight(element);
+  const windowHeight = useWindowHeight();
+  return computed(() => windowHeight.value - height.value);
+}
 function useWidth(element) {
   return useElementSize(element).width;
 }
+function useWidthDiff(element) {
+  const width = useWidth(element);
+  const windowWidth = useWindowWidth();
+  return computed(() => windowWidth.value - width.value);
+}
 
 function onKeyDown(key, handler, options = {}) {
   const {
@@ -3984,11 +4001,4 @@ function localRef(key, initial, options) {
   });
 }
 
-function useWindowHeight() {
-  return useWindowSize().height;
-}
-function useWindowWidth() {
-  return useWindowSize().width;
-}
-
-export { _sfc_main$1T as Badge, _sfc_main$1S as Button, _sfc_main$1R as ButtonLink, _sfc_main$1J as Card, _sfc_main$1I as Checkbox, _sfc_main$1H as ContextMenu, _sfc_main$1G as ContextMenuCheckboxItem, _sfc_main$1F as ContextMenuContent, _sfc_main$1E as ContextMenuGroup, _sfc_main$1D as ContextMenuItem, _sfc_main$1C as ContextMenuLabel, _sfc_main$1B as ContextMenuRadioGroup, _sfc_main$1A as ContextMenuRadioItem, _sfc_main$1z as ContextMenuSeparator, _sfc_main$1y as ContextMenuShortcut, _sfc_main$1x as ContextMenuSub, _sfc_main$1w as ContextMenuSubContent, _sfc_main$1v as ContextMenuSubTrigger, _sfc_main$1u as ContextMenuTrigger, _sfc_main$1t as Dialog, _sfc_main$1s as DialogClose, _sfc_main$1q as DialogContent, _sfc_main$1p as DialogDescription, _sfc_main$1o as DialogFooter, _sfc_main$1n as DialogHeader, _sfc_main$1r as DialogOverlay, _sfc_main$1m as DialogScrollContent, _sfc_main$1l as DialogTitle, _sfc_main$1k as DialogTrigger, _sfc_main$1j as DropdownMenu, _sfc_main$1i as DropdownMenuCheckboxItem, _sfc_main$1h as DropdownMenuContent, _sfc_main$1g as DropdownMenuGroup, _sfc_main$1f as DropdownMenuItem, _sfc_main$1e as DropdownMenuLabel, _sfc_main$1d as DropdownMenuRadioGroup, _sfc_main$1c as DropdownMenuRadioItem, _sfc_main$1b as DropdownMenuSeparator, _sfc_main$1a as DropdownMenuShortcut, _sfc_main$19 as DropdownMenuSub, _sfc_main$18 as DropdownMenuSubContent, _sfc_main$17 as DropdownMenuSubTrigger, _sfc_main$16 as DropdownMenuTrigger, _sfc_main$15 as Input, _sfc_main$$ as InputNumber, _sfc_main$_ as InputText, _sfc_main$Y as Label, _sfc_main$X as Link, _sfc_main$W as Popover, _sfc_main$V as PopoverAnchor, _sfc_main$U as PopoverContent, _sfc_main$T as PopoverTrigger, _sfc_main$S as Progress, _sfc_main$R as RadioGroup, _sfc_main$Q as RadioGroupItem, _sfc_main$1P as ScrollArea, _sfc_main$P as Select, _sfc_main$O as SelectContent, _sfc_main$N as SelectGroup, _sfc_main$M as SelectItem, _sfc_main$L as SelectItemText, _sfc_main$K as SelectLabel, _sfc_main$J as SelectScrollDownButton, _sfc_main$I as SelectScrollUpButton, _sfc_main$H as SelectSeparator, _sfc_main$G as SelectTrigger, _sfc_main$F as SelectValue, _sfc_main$E as Separator, _sfc_main$D as Sheet, _sfc_main$C as SheetClose, _sfc_main$A as SheetContent, _sfc_main$z as SheetDescription, _sfc_main$y as SheetFooter, _sfc_main$x as SheetHeader, _sfc_main$w as SheetTitle, _sfc_main$v as SheetTrigger, _sfc_main$j as Sidebar, _sfc_main$l as Skeleton, _sfc_main$c as Table, _sfc_main$g as TableCell, _sfc_main$e as TableHead, _sfc_main$b as TableLink, _sfc_main$f as TableRow, _sfc_main$a as Tabs, _sfc_main$9 as TabsContent, _sfc_main$8 as TabsList, _sfc_main$7 as TabsTrigger, _sfc_main$6 as TagsInput, _sfc_main$5 as TagsInputInput, _sfc_main$4 as TagsInputItem, _sfc_main$3 as TagsInputItemDelete, _sfc_main$2 as TagsInputItemText, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$p as Tooltip, _sfc_main$o as TooltipContent, _sfc_main$n as TooltipProvider, _sfc_main$m as TooltipTrigger, asyncComputed, asyncRef, cn, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, trySetCurrentApp, useElementSize, useHeight, useSidebar, useWidth, useWindowHeight, useWindowWidth };
+export { _sfc_main$1T as Badge, _sfc_main$1S as Button, _sfc_main$1R as ButtonLink, _sfc_main$1J as Card, _sfc_main$1I as Checkbox, _sfc_main$1H as ContextMenu, _sfc_main$1G as ContextMenuCheckboxItem, _sfc_main$1F as ContextMenuContent, _sfc_main$1E as ContextMenuGroup, _sfc_main$1D as ContextMenuItem, _sfc_main$1C as ContextMenuLabel, _sfc_main$1B as ContextMenuRadioGroup, _sfc_main$1A as ContextMenuRadioItem, _sfc_main$1z as ContextMenuSeparator, _sfc_main$1y as ContextMenuShortcut, _sfc_main$1x as ContextMenuSub, _sfc_main$1w as ContextMenuSubContent, _sfc_main$1v as ContextMenuSubTrigger, _sfc_main$1u as ContextMenuTrigger, _sfc_main$1t as Dialog, _sfc_main$1s as DialogClose, _sfc_main$1q as DialogContent, _sfc_main$1p as DialogDescription, _sfc_main$1o as DialogFooter, _sfc_main$1n as DialogHeader, _sfc_main$1r as DialogOverlay, _sfc_main$1m as DialogScrollContent, _sfc_main$1l as DialogTitle, _sfc_main$1k as DialogTrigger, _sfc_main$1j as DropdownMenu, _sfc_main$1i as DropdownMenuCheckboxItem, _sfc_main$1h as DropdownMenuContent, _sfc_main$1g as DropdownMenuGroup, _sfc_main$1f as DropdownMenuItem, _sfc_main$1e as DropdownMenuLabel, _sfc_main$1d as DropdownMenuRadioGroup, _sfc_main$1c as DropdownMenuRadioItem, _sfc_main$1b as DropdownMenuSeparator, _sfc_main$1a as DropdownMenuShortcut, _sfc_main$19 as DropdownMenuSub, _sfc_main$18 as DropdownMenuSubContent, _sfc_main$17 as DropdownMenuSubTrigger, _sfc_main$16 as DropdownMenuTrigger, _sfc_main$15 as Input, _sfc_main$$ as InputNumber, _sfc_main$_ as InputText, _sfc_main$Y as Label, _sfc_main$X as Link, _sfc_main$W as Popover, _sfc_main$V as PopoverAnchor, _sfc_main$U as PopoverContent, _sfc_main$T as PopoverTrigger, _sfc_main$S as Progress, _sfc_main$R as RadioGroup, _sfc_main$Q as RadioGroupItem, _sfc_main$1P as ScrollArea, _sfc_main$P as Select, _sfc_main$O as SelectContent, _sfc_main$N as SelectGroup, _sfc_main$M as SelectItem, _sfc_main$L as SelectItemText, _sfc_main$K as SelectLabel, _sfc_main$J as SelectScrollDownButton, _sfc_main$I as SelectScrollUpButton, _sfc_main$H as SelectSeparator, _sfc_main$G as SelectTrigger, _sfc_main$F as SelectValue, _sfc_main$E as Separator, _sfc_main$D as Sheet, _sfc_main$C as SheetClose, _sfc_main$A as SheetContent, _sfc_main$z as SheetDescription, _sfc_main$y as SheetFooter, _sfc_main$x as SheetHeader, _sfc_main$w as SheetTitle, _sfc_main$v as SheetTrigger, _sfc_main$j as Sidebar, _sfc_main$l as Skeleton, _sfc_main$c as Table, _sfc_main$g as TableCell, _sfc_main$e as TableHead, _sfc_main$b as TableLink, _sfc_main$f as TableRow, _sfc_main$a as Tabs, _sfc_main$9 as TabsContent, _sfc_main$8 as TabsList, _sfc_main$7 as TabsTrigger, _sfc_main$6 as TagsInput, _sfc_main$5 as TagsInputInput, _sfc_main$4 as TagsInputItem, _sfc_main$3 as TagsInputItemDelete, _sfc_main$2 as TagsInputItemText, _sfc_main$1 as Textarea, _sfc_main as Toggle, _sfc_main$p as Tooltip, _sfc_main$o as TooltipContent, _sfc_main$n as TooltipProvider, _sfc_main$m as TooltipTrigger, asyncComputed, asyncRef, cn, getCurrentApp, getErrorHandler, handleError, inject, localRef, maybe, onAltKeyDown, onCtrlKeyDown, onCtrlShiftKeyDown, onKeyDown, onShiftKeyDown, provide, runWithContext, setCurrentApp, setErrorHandler, tryGetCurrentApp, tryInject, trySetCurrentApp, useElementSize, useHeight, useHeightDiff, useSidebar, useWidth, useWidthDiff, useWindowHeight, useWindowWidth };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tb-dev/vue",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Vue utilities",
   "license": "MIT",
   "type": "module",