@tb-dev/vue 0.3.39 → 0.3.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -4,7 +4,6 @@ export declare const SIDEBAR_COOKIE_MAX_AGE: number;
|
|
|
4
4
|
export declare const SIDEBAR_WIDTH = "16rem";
|
|
5
5
|
export declare const SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
6
6
|
export declare const SIDEBAR_WIDTH_ICON = "3rem";
|
|
7
|
-
export declare const SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
|
8
7
|
export declare const useSidebar: <T extends {
|
|
9
8
|
state: ComputedRef<"expanded" | "collapsed">;
|
|
10
9
|
open: Ref<boolean>;
|
package/dist/index.js
CHANGED
|
@@ -6,7 +6,7 @@ import { unwrap, isNil, toPixel } from '@tb-dev/utils';
|
|
|
6
6
|
import { Primitive, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaRoot, ScrollAreaViewport, ScrollAreaCorner, Label, useForwardPropsEmits, CheckboxRoot, CheckboxIndicator, ComboboxRoot, useForwardProps, ComboboxAnchor, ComboboxEmpty, ComboboxGroup, ComboboxLabel, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxPortal, ComboboxContent, ComboboxSeparator, ComboboxViewport, ContextMenuRoot, ContextMenuCheckboxItem, ContextMenuItemIndicator, ContextMenuPortal, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuSub, ContextMenuSubContent, 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, HoverCardRoot, HoverCardPortal, HoverCardContent, HoverCardTrigger, NumberFieldRoot, NumberFieldDecrement, NumberFieldIncrement, NumberFieldInput, MenubarRoot, MenubarCheckboxItem, MenubarItemIndicator, MenubarPortal, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, PaginationRoot, PaginationList, PaginationEllipsis, PaginationFirst, PaginationListItem, PaginationLast, PaginationNext, PaginationPrev, PopoverRoot, PopoverPortal, PopoverContent, PopoverTrigger, ProgressRoot, ProgressIndicator, RadioGroupRoot, RadioGroupItem, RadioGroupIndicator, SplitterResizeHandle, SplitterPanel, SplitterGroup, SelectRoot, SelectPortal, SelectContent, SelectViewport, SelectGroup, SelectItem, SelectItemIndicator, SelectItemText, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectIcon, SelectValue, Separator, createContext, TooltipRoot, TooltipPortal, TooltipContent, TooltipArrow, TooltipProvider, TooltipTrigger, SliderRoot, SliderTrack, SliderRange, SliderThumb, SwitchRoot, SwitchThumb, TabsRoot, TabsContent, TabsList, TabsTrigger, TagsInputRoot, TagsInputInput, TagsInputItem, TagsInputItemDelete, TagsInputItemText, Toggle } from 'reka-ui';
|
|
7
7
|
export { ComboboxCancel, ComboboxTrigger, DropdownMenuPortal, PaginationList, PaginationListItem } from 'reka-ui';
|
|
8
8
|
import { RouterLink } from 'vue-router';
|
|
9
|
-
import { createReusableTemplate, reactiveOmit, useVModel, onClickOutside, useMediaQuery,
|
|
9
|
+
import { createReusableTemplate, reactiveOmit, useVModel, onClickOutside, useMediaQuery, computedAsync, useAsyncState, useWindowSize, useElementSize as useElementSize$1, tryOnScopeDispose, onKeyStroke, useLocalStorage } from '@vueuse/core';
|
|
10
10
|
import { Check, SearchIcon, Circle, ChevronRight, X, Minus, Plus, LoaderCircle, MoreHorizontal, ChevronLeftIcon, ChevronRightIcon, CircleIcon, GripVertical, ChevronDown, ChevronUp, PanelLeft } from 'lucide-vue-next';
|
|
11
11
|
import { cn as cn$1 } from '@tb-dev/vue';
|
|
12
12
|
import { Toaster } from 'vue-sonner';
|
|
@@ -4574,7 +4574,6 @@ const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
|
4574
4574
|
const SIDEBAR_WIDTH = "16rem";
|
|
4575
4575
|
const SIDEBAR_WIDTH_MOBILE = "18rem";
|
|
4576
4576
|
const SIDEBAR_WIDTH_ICON = "3rem";
|
|
4577
|
-
const SIDEBAR_KEYBOARD_SHORTCUT = "b";
|
|
4578
4577
|
const [useSidebar, provideSidebarContext] = createContext("Sidebar");
|
|
4579
4578
|
|
|
4580
4579
|
const _hoisted_1$3 = { class: "flex h-full w-full flex-col" };
|
|
@@ -5346,12 +5345,6 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
|
|
|
5346
5345
|
function toggleSidebar() {
|
|
5347
5346
|
return isMobile.value ? setOpenMobile(!openMobile.value) : setOpen(!open.value);
|
|
5348
5347
|
}
|
|
5349
|
-
useEventListener("keydown", (event) => {
|
|
5350
|
-
if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
|
|
5351
|
-
event.preventDefault();
|
|
5352
|
-
toggleSidebar();
|
|
5353
|
-
}
|
|
5354
|
-
});
|
|
5355
5348
|
const state = computed(() => open.value ? "expanded" : "collapsed");
|
|
5356
5349
|
provideSidebarContext({
|
|
5357
5350
|
state,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tb-dev/vue",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.40",
|
|
4
4
|
"description": "Vue utilities",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"devDependencies": {
|
|
42
42
|
"@tailwindcss/vite": "^4.1.4",
|
|
43
43
|
"@tb-dev/eslint-config": "^7.1.0",
|
|
44
|
-
"@types/node": "^22.15.
|
|
44
|
+
"@types/node": "^22.15.3",
|
|
45
45
|
"@vitejs/plugin-vue": "^5.2.3",
|
|
46
46
|
"eslint": "^9.25.1",
|
|
47
47
|
"prettier": "^3.5.3",
|