@open-dy/vibecoding-sdk-taro 0.0.1-beta.1
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.
- package/dist/adapters/interest-card/eslint/eslint-plugin-custom-navigation.mjs +290 -0
- package/dist/adapters/interest-card/eslint/taro.mjs +55 -0
- package/dist/adapters/interest-card/runtime/microapp.d.ts +7 -0
- package/dist/adapters/interest-card/runtime/microapp.js +8 -0
- package/dist/adapters/interest-card/runtime/microapp.js.map +1 -0
- package/dist/adapters/interest-card/types/taro.d.ts +28 -0
- package/dist/build/config-overrides.d.ts +19 -0
- package/dist/build/config-overrides.js +35 -0
- package/dist/build/config-overrides.js.map +1 -0
- package/dist/build/index.d.ts +1 -0
- package/dist/build/index.js +2 -0
- package/dist/build/index.js.map +1 -0
- package/dist/build/plugins/app-config.cjs +43 -0
- package/dist/build/plugins/vite-depend-card.d.ts +29 -0
- package/dist/build/plugins/vite-depend-card.js +250 -0
- package/dist/build/plugins/vite-depend-card.js.map +1 -0
- package/dist/build/plugins/vite-image-asset-import.d.ts +10 -0
- package/dist/build/plugins/vite-image-asset-import.js +150 -0
- package/dist/build/plugins/vite-image-asset-import.js.map +1 -0
- package/dist/build/plugins/vite-inline-json.d.ts +4 -0
- package/dist/build/plugins/vite-inline-json.js +129 -0
- package/dist/build/plugins/vite-inline-json.js.map +1 -0
- package/dist/build/plugins/vite-taro-source-location.d.ts +13 -0
- package/dist/build/plugins/vite-taro-source-location.js +159 -0
- package/dist/build/plugins/vite-taro-source-location.js.map +1 -0
- package/dist/build/taro.d.ts +53 -0
- package/dist/build/taro.js +729 -0
- package/dist/build/taro.js.map +1 -0
- package/dist/components/miniapp-open-card.d.ts +19 -0
- package/dist/components/miniapp-open-card.js +3 -0
- package/dist/components/miniapp-open-card.js.map +1 -0
- package/dist/eslint/eslint-plugin-microapp-pages.mjs +659 -0
- package/dist/eslint/server.mjs +69 -0
- package/dist/eslint/taro.mjs +553 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +3 -0
- package/dist/index.js.map +1 -0
- package/dist/internal/runtime/douyin-open-button.d.ts +29 -0
- package/dist/internal/runtime/iframe-auth/identity.d.ts +20 -0
- package/dist/internal/runtime/iframe-auth/identity.js +156 -0
- package/dist/internal/runtime/iframe-auth/identity.js.map +1 -0
- package/dist/internal/runtime/iframe-auth/index.d.ts +2 -0
- package/dist/internal/runtime/iframe-auth/index.js +3 -0
- package/dist/internal/runtime/iframe-auth/index.js.map +1 -0
- package/dist/internal/runtime/iframe-auth/sync.d.ts +2 -0
- package/dist/internal/runtime/iframe-auth/sync.js +23 -0
- package/dist/internal/runtime/iframe-auth/sync.js.map +1 -0
- package/dist/lib/measure.d.ts +21 -0
- package/dist/lib/measure.js +101 -0
- package/dist/lib/measure.js.map +1 -0
- package/dist/lib/platform.d.ts +2 -0
- package/dist/lib/platform.js +11 -0
- package/dist/lib/platform.js.map +1 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/lib/utils.js +6 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/reference/llms.txt +36 -0
- package/dist/reference/sdk-api/build/taro/BuildContext.md +53 -0
- package/dist/reference/sdk-api/build/taro/CreateMicroappTaroConfigOptions.md +62 -0
- package/dist/reference/sdk-api/build/taro/createMicroappTaroConfig.md +66 -0
- package/dist/reference/sdk-api/build/taro/index.md +11 -0
- package/dist/reference/sdk-api/runtime/CreateMicroappClientOptions.md +47 -0
- package/dist/reference/sdk-api/runtime/createMicroappClient.md +378 -0
- package/dist/reference/sdk-api/runtime/index.md +10 -0
- package/dist/reference/sdk-api.json +1534 -0
- package/dist/reference/sdk-api.md +43 -0
- package/dist/runtime/client.d.ts +63 -0
- package/dist/runtime/client.js +194 -0
- package/dist/runtime/client.js.map +1 -0
- package/dist/runtime/closed-domain-request-header.d.ts +4 -0
- package/dist/runtime/closed-domain-request-header.js +8 -0
- package/dist/runtime/closed-domain-request-header.js.map +1 -0
- package/dist/runtime/default-client.d.ts +57 -0
- package/dist/runtime/default-client.js +21 -0
- package/dist/runtime/default-client.js.map +1 -0
- package/dist/runtime/default-iframe-auth.d.ts +8 -0
- package/dist/runtime/default-iframe-auth.js +10 -0
- package/dist/runtime/default-iframe-auth.js.map +1 -0
- package/dist/runtime/douyin-container-request.d.ts +11 -0
- package/dist/runtime/douyin-container-request.js +301 -0
- package/dist/runtime/douyin-container-request.js.map +1 -0
- package/dist/runtime/douyin-login-request.d.ts +32 -0
- package/dist/runtime/douyin-login-request.js +400 -0
- package/dist/runtime/douyin-login-request.js.map +1 -0
- package/dist/runtime/globals.d.ts +342 -0
- package/dist/runtime/index.d.ts +4 -0
- package/dist/runtime/index.js +4 -0
- package/dist/runtime/index.js.map +1 -0
- package/dist/runtime/network-url.d.ts +3 -0
- package/dist/runtime/network-url.js +53 -0
- package/dist/runtime/network-url.js.map +1 -0
- package/dist/types/taro.d.ts +1 -0
- package/dist/ui/accordion.d.ts +17 -0
- package/dist/ui/accordion.js +60 -0
- package/dist/ui/accordion.js.map +1 -0
- package/dist/ui/alert-dialog.d.ts +33 -0
- package/dist/ui/alert-dialog.js +96 -0
- package/dist/ui/alert-dialog.js.map +1 -0
- package/dist/ui/alert.d.ts +11 -0
- package/dist/ui/alert.js +49 -0
- package/dist/ui/alert.js.map +1 -0
- package/dist/ui/aspect-ratio.d.ts +5 -0
- package/dist/ui/aspect-ratio.js +10 -0
- package/dist/ui/aspect-ratio.js.map +1 -0
- package/dist/ui/avatar.d.ts +14 -0
- package/dist/ui/avatar.js +50 -0
- package/dist/ui/avatar.js.map +1 -0
- package/dist/ui/badge.d.ts +8 -0
- package/dist/ui/badge.js +27 -0
- package/dist/ui/badge.js.map +1 -0
- package/dist/ui/button-group.d.ts +14 -0
- package/dist/ui/button-group.js +52 -0
- package/dist/ui/button-group.js.map +1 -0
- package/dist/ui/button.d.ts +30 -0
- package/dist/ui/button.js +75 -0
- package/dist/ui/button.js.map +1 -0
- package/dist/ui/calendar.d.ts +29 -0
- package/dist/ui/calendar.js +141 -0
- package/dist/ui/calendar.js.map +1 -0
- package/dist/ui/card.d.ts +12 -0
- package/dist/ui/card.js +38 -0
- package/dist/ui/card.js.map +1 -0
- package/dist/ui/carousel.d.ts +30 -0
- package/dist/ui/carousel.js +60 -0
- package/dist/ui/carousel.js.map +1 -0
- package/dist/ui/checkbox.d.ts +9 -0
- package/dist/ui/checkbox.js +20 -0
- package/dist/ui/checkbox.js.map +1 -0
- package/dist/ui/collapsible.d.ts +18 -0
- package/dist/ui/collapsible.js +53 -0
- package/dist/ui/collapsible.js.map +1 -0
- package/dist/ui/combobox.d.ts +55 -0
- package/dist/ui/combobox.js +165 -0
- package/dist/ui/combobox.js.map +1 -0
- package/dist/ui/dialog.d.ts +26 -0
- package/dist/ui/dialog.js +54 -0
- package/dist/ui/dialog.js.map +1 -0
- package/dist/ui/drawer.d.ts +21 -0
- package/dist/ui/drawer.js +57 -0
- package/dist/ui/drawer.js.map +1 -0
- package/dist/ui/dropdown-menu.d.ts +52 -0
- package/dist/ui/dropdown-menu.js +112 -0
- package/dist/ui/dropdown-menu.js.map +1 -0
- package/dist/ui/empty.d.ts +12 -0
- package/dist/ui/empty.js +35 -0
- package/dist/ui/empty.js.map +1 -0
- package/dist/ui/field.d.ts +26 -0
- package/dist/ui/field.js +117 -0
- package/dist/ui/field.js.map +1 -0
- package/dist/ui/helpers.d.ts +6 -0
- package/dist/ui/helpers.js +23 -0
- package/dist/ui/helpers.js.map +1 -0
- package/dist/ui/index.d.ts +47 -0
- package/dist/ui/index.js +48 -0
- package/dist/ui/index.js.map +1 -0
- package/dist/ui/input-group.d.ts +17 -0
- package/dist/ui/input-group.js +122 -0
- package/dist/ui/input-group.js.map +1 -0
- package/dist/ui/input-otp.d.ts +18 -0
- package/dist/ui/input-otp.js +48 -0
- package/dist/ui/input-otp.js.map +1 -0
- package/dist/ui/input.d.ts +5 -0
- package/dist/ui/input.js +8 -0
- package/dist/ui/input.js.map +1 -0
- package/dist/ui/item.d.ts +22 -0
- package/dist/ui/item.js +83 -0
- package/dist/ui/item.js.map +1 -0
- package/dist/ui/label.d.ts +3 -0
- package/dist/ui/label.js +8 -0
- package/dist/ui/label.js.map +1 -0
- package/dist/ui/menubar.d.ts +65 -0
- package/dist/ui/menubar.js +244 -0
- package/dist/ui/menubar.js.map +1 -0
- package/dist/ui/navigation-menu.d.ts +27 -0
- package/dist/ui/navigation-menu.js +72 -0
- package/dist/ui/navigation-menu.js.map +1 -0
- package/dist/ui/pagination.d.ts +17 -0
- package/dist/ui/pagination.js +28 -0
- package/dist/ui/pagination.js.map +1 -0
- package/dist/ui/popover.d.ts +27 -0
- package/dist/ui/popover.js +139 -0
- package/dist/ui/popover.js.map +1 -0
- package/dist/ui/portal.d.ts +5 -0
- package/dist/ui/portal.js +18 -0
- package/dist/ui/portal.js.map +1 -0
- package/dist/ui/progress.d.ts +45 -0
- package/dist/ui/progress.js +67 -0
- package/dist/ui/progress.js.map +1 -0
- package/dist/ui/radio-group.d.ts +12 -0
- package/dist/ui/radio-group.js +29 -0
- package/dist/ui/radio-group.js.map +1 -0
- package/dist/ui/resizable.d.ts +20 -0
- package/dist/ui/resizable.js +244 -0
- package/dist/ui/resizable.js.map +1 -0
- package/dist/ui/scroll-area.d.ts +8 -0
- package/dist/ui/scroll-area.js +34 -0
- package/dist/ui/scroll-area.js.map +1 -0
- package/dist/ui/select.d.ts +35 -0
- package/dist/ui/select.js +136 -0
- package/dist/ui/select.js.map +1 -0
- package/dist/ui/separator.d.ts +5 -0
- package/dist/ui/separator.js +8 -0
- package/dist/ui/separator.js.map +1 -0
- package/dist/ui/sheet.d.ts +26 -0
- package/dist/ui/sheet.js +67 -0
- package/dist/ui/sheet.js.map +1 -0
- package/dist/ui/skeleton.d.ts +3 -0
- package/dist/ui/skeleton.js +8 -0
- package/dist/ui/skeleton.js.map +1 -0
- package/dist/ui/slider.d.ts +12 -0
- package/dist/ui/slider.js +94 -0
- package/dist/ui/slider.js.map +1 -0
- package/dist/ui/sonner.d.ts +6 -0
- package/dist/ui/sonner.js +13 -0
- package/dist/ui/sonner.js.map +1 -0
- package/dist/ui/spinner.d.ts +3 -0
- package/dist/ui/spinner.js +9 -0
- package/dist/ui/spinner.js.map +1 -0
- package/dist/ui/switch.d.ts +11 -0
- package/dist/ui/switch.js +33 -0
- package/dist/ui/switch.js.map +1 -0
- package/dist/ui/table.d.ts +13 -0
- package/dist/ui/table.js +54 -0
- package/dist/ui/table.js.map +1 -0
- package/dist/ui/tabs.d.ts +23 -0
- package/dist/ui/tabs.js +61 -0
- package/dist/ui/tabs.js.map +1 -0
- package/dist/ui/tailwind.css +2 -0
- package/dist/ui/textarea.d.ts +3 -0
- package/dist/ui/textarea.js +13 -0
- package/dist/ui/textarea.js.map +1 -0
- package/dist/ui/theme.css +234 -0
- package/dist/ui/toggle-group.d.ts +19 -0
- package/dist/ui/toggle-group.js +73 -0
- package/dist/ui/toggle-group.js.map +1 -0
- package/dist/ui/toggle.d.ts +14 -0
- package/dist/ui/toggle.js +41 -0
- package/dist/ui/toggle.js.map +1 -0
- package/package.json +97 -0
|
@@ -0,0 +1,244 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { ScrollView, View } from "@tarojs/components";
|
|
4
|
+
import { Check, ChevronRight } from "@open-dy/lucide-taro";
|
|
5
|
+
import { Portal } from "./portal.js";
|
|
6
|
+
import { computePosition, getRectById } from "../lib/measure.js";
|
|
7
|
+
import { isH5 } from "../lib/platform.js";
|
|
8
|
+
import { cn } from "../lib/utils.js";
|
|
9
|
+
const MenubarContext = React.createContext(null);
|
|
10
|
+
const MenubarMenuContext = React.createContext(null);
|
|
11
|
+
const MenubarRadioGroupContext = React.createContext(null);
|
|
12
|
+
const MenubarSubContext = React.createContext(null);
|
|
13
|
+
function Menubar({ className, ...props }) {
|
|
14
|
+
const [openMenu, setOpenMenu] = React.useState();
|
|
15
|
+
return (_jsx(MenubarContext.Provider, { value: { openMenu, setOpenMenu }, children: _jsx(View, { "data-slot": "menubar", className: cn("relative z-[60] flex h-8 items-center gap-0.5 rounded-lg border p-[3px]", className), ...props }) }));
|
|
16
|
+
}
|
|
17
|
+
function MenubarMenu({ children }) {
|
|
18
|
+
const context = React.useContext(MenubarContext);
|
|
19
|
+
const id = React.useRef(`menubar-menu-${Math.random().toString(36).slice(2, 10)}`);
|
|
20
|
+
const triggerId = React.useRef(`${id.current}-trigger`);
|
|
21
|
+
const open = context?.openMenu === id.current;
|
|
22
|
+
const onOpenChange = React.useCallback((nextOpen) => {
|
|
23
|
+
context?.setOpenMenu?.(nextOpen ? id.current : undefined);
|
|
24
|
+
}, [context]);
|
|
25
|
+
return (_jsx(MenubarMenuContext.Provider, { value: { id: id.current, open, onOpenChange, triggerId: triggerId.current }, children: children }));
|
|
26
|
+
}
|
|
27
|
+
function MenubarGroup({ ...props }) {
|
|
28
|
+
return _jsx(View, { "data-slot": "menubar-group", ...props });
|
|
29
|
+
}
|
|
30
|
+
function MenubarPortal({ children }) {
|
|
31
|
+
return _jsx(_Fragment, { children: children });
|
|
32
|
+
}
|
|
33
|
+
function MenubarTrigger({ className, onClick, ...props }) {
|
|
34
|
+
const menu = React.useContext(MenubarMenuContext);
|
|
35
|
+
return (_jsx(View, { id: menu?.triggerId, "data-slot": "menubar-trigger", "data-state": menu?.open ? "open" : "closed", "aria-expanded": menu?.open, className: cn("flex items-center rounded-sm px-1.5 py-[2px] text-sm font-medium outline-hidden select-none hover:bg-muted", menu?.open && "bg-muted", className), onClick: (event) => {
|
|
36
|
+
event.stopPropagation();
|
|
37
|
+
menu?.onOpenChange(!menu.open);
|
|
38
|
+
onClick?.(event);
|
|
39
|
+
}, ...props }));
|
|
40
|
+
}
|
|
41
|
+
function MenubarContent({ className, align = "start", side = "bottom", sideOffset = 4, children, ...props }) {
|
|
42
|
+
const menu = React.useContext(MenubarMenuContext);
|
|
43
|
+
const contentId = React.useRef(`menubar-content-${Math.random().toString(36).slice(2, 10)}`);
|
|
44
|
+
const [position, setPosition] = React.useState(null);
|
|
45
|
+
React.useEffect(() => {
|
|
46
|
+
if (!menu?.open) {
|
|
47
|
+
setPosition(null);
|
|
48
|
+
return;
|
|
49
|
+
}
|
|
50
|
+
let cancelled = false;
|
|
51
|
+
const updatePosition = async () => {
|
|
52
|
+
const [triggerRect, contentRect] = await Promise.all([
|
|
53
|
+
getRectById(menu.triggerId),
|
|
54
|
+
getRectById(contentId.current),
|
|
55
|
+
]);
|
|
56
|
+
if (cancelled || !triggerRect?.width || !contentRect?.width)
|
|
57
|
+
return;
|
|
58
|
+
setPosition(computePosition({
|
|
59
|
+
triggerRect,
|
|
60
|
+
contentRect,
|
|
61
|
+
align,
|
|
62
|
+
side,
|
|
63
|
+
sideOffset,
|
|
64
|
+
}));
|
|
65
|
+
};
|
|
66
|
+
const timer = typeof requestAnimationFrame !== "undefined"
|
|
67
|
+
? requestAnimationFrame(() => updatePosition())
|
|
68
|
+
: setTimeout(() => updatePosition(), 0);
|
|
69
|
+
return () => {
|
|
70
|
+
cancelled = true;
|
|
71
|
+
if (typeof cancelAnimationFrame !== "undefined") {
|
|
72
|
+
cancelAnimationFrame(timer);
|
|
73
|
+
}
|
|
74
|
+
else {
|
|
75
|
+
clearTimeout(timer);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
}, [align, menu, side, sideOffset]);
|
|
79
|
+
React.useEffect(() => {
|
|
80
|
+
if (!menu?.open || !isH5() || typeof document === "undefined")
|
|
81
|
+
return;
|
|
82
|
+
const onKeyDown = (event) => {
|
|
83
|
+
if (event.key === "Escape") {
|
|
84
|
+
menu.onOpenChange(false);
|
|
85
|
+
}
|
|
86
|
+
};
|
|
87
|
+
document.addEventListener("keydown", onKeyDown);
|
|
88
|
+
return () => document.removeEventListener("keydown", onKeyDown);
|
|
89
|
+
}, [menu]);
|
|
90
|
+
if (!menu?.open)
|
|
91
|
+
return null;
|
|
92
|
+
const overlayStyle = position && side === "bottom"
|
|
93
|
+
? { top: Math.max(position.top - sideOffset, 0) }
|
|
94
|
+
: undefined;
|
|
95
|
+
return (_jsxs(Portal, { children: [_jsx(View, { className: "fixed inset-0 z-40 bg-transparent", style: overlayStyle, onClick: () => menu.onOpenChange(false) }), _jsx(View, { id: contentId.current, "data-slot": "menubar-content", "data-state": "open", "data-side": side, className: cn("fixed z-50 min-w-36 overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10", className), style: position
|
|
96
|
+
? { left: position.left, top: position.top }
|
|
97
|
+
: {
|
|
98
|
+
left: 0,
|
|
99
|
+
top: 0,
|
|
100
|
+
opacity: 0,
|
|
101
|
+
pointerEvents: "none",
|
|
102
|
+
}, onClick: (event) => event.stopPropagation(), ...props, children: _jsx(ScrollView, { scrollY: true, className: "max-h-[50vh] overflow-x-hidden overflow-y-auto", children: children }) })] }));
|
|
103
|
+
}
|
|
104
|
+
function MenubarItem({ className, inset, variant = "default", disabled, closeOnSelect = true, onClick, ...props }) {
|
|
105
|
+
const menu = React.useContext(MenubarMenuContext);
|
|
106
|
+
return (_jsx(View, { "data-slot": "menubar-item", "data-inset": inset ? "" : undefined, "data-variant": variant, "data-disabled": disabled ? "" : undefined, className: cn("group/menubar-item relative flex cursor-default select-none items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden transition-colors [&_svg:not([class*='size-'])]:size-4", inset && "pl-7", variant === "destructive" && "text-destructive", disabled && "pointer-events-none opacity-50", className), onClick: (event) => {
|
|
107
|
+
if (disabled)
|
|
108
|
+
return;
|
|
109
|
+
onClick?.(event);
|
|
110
|
+
if (closeOnSelect)
|
|
111
|
+
menu?.onOpenChange(false);
|
|
112
|
+
}, ...props }));
|
|
113
|
+
}
|
|
114
|
+
function MenubarCheckboxItem({ className, children, checked: checkedProp, defaultChecked = false, onCheckedChange, inset, disabled, closeOnSelect = false, onClick, ...props }) {
|
|
115
|
+
const menu = React.useContext(MenubarMenuContext);
|
|
116
|
+
const [checkedState, setCheckedState] = React.useState(defaultChecked);
|
|
117
|
+
const checked = checkedProp !== undefined ? checkedProp : checkedState;
|
|
118
|
+
return (_jsxs(View, { "data-slot": "menubar-checkbox-item", "data-inset": inset ? "" : undefined, "data-disabled": disabled ? "" : undefined, "data-state": checked ? "checked" : "unchecked", className: cn("relative flex cursor-default select-none items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden transition-colors", inset && "pl-7", disabled && "pointer-events-none opacity-50", className), onClick: (event) => {
|
|
119
|
+
if (disabled)
|
|
120
|
+
return;
|
|
121
|
+
const nextChecked = !checked;
|
|
122
|
+
if (checkedProp === undefined) {
|
|
123
|
+
setCheckedState(nextChecked);
|
|
124
|
+
}
|
|
125
|
+
onCheckedChange?.(nextChecked);
|
|
126
|
+
onClick?.(event);
|
|
127
|
+
if (closeOnSelect)
|
|
128
|
+
menu?.onOpenChange(false);
|
|
129
|
+
}, ...props, children: [_jsx(View, { className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center", children: checked ? _jsx(Check, { size: 16, color: "#666" }) : null }), children] }));
|
|
130
|
+
}
|
|
131
|
+
function MenubarRadioGroup({ value: valueProp, defaultValue, onValueChange, ...props }) {
|
|
132
|
+
const [valueState, setValueState] = React.useState(defaultValue);
|
|
133
|
+
const value = valueProp !== undefined ? valueProp : valueState;
|
|
134
|
+
const handleValueChange = React.useCallback((nextValue) => {
|
|
135
|
+
if (valueProp === undefined) {
|
|
136
|
+
setValueState(nextValue);
|
|
137
|
+
}
|
|
138
|
+
onValueChange?.(nextValue);
|
|
139
|
+
}, [onValueChange, valueProp]);
|
|
140
|
+
return (_jsx(MenubarRadioGroupContext.Provider, { value: { value, onValueChange: handleValueChange }, children: _jsx(View, { "data-slot": "menubar-radio-group", ...props }) }));
|
|
141
|
+
}
|
|
142
|
+
function MenubarRadioItem({ className, children, value, checked: checkedProp, inset, disabled, closeOnSelect = false, onClick, ...props }) {
|
|
143
|
+
const menu = React.useContext(MenubarMenuContext);
|
|
144
|
+
const group = React.useContext(MenubarRadioGroupContext);
|
|
145
|
+
const checked = checkedProp !== undefined ? checkedProp : group?.value === value;
|
|
146
|
+
return (_jsxs(View, { "data-slot": "menubar-radio-item", "data-inset": inset ? "" : undefined, "data-disabled": disabled ? "" : undefined, "data-state": checked ? "checked" : "unchecked", className: cn("relative flex cursor-default select-none items-center gap-1.5 rounded-md py-1 pr-1.5 pl-7 text-sm outline-hidden transition-colors", inset && "pl-7", disabled && "pointer-events-none opacity-50", className), onClick: (event) => {
|
|
147
|
+
console.log(event);
|
|
148
|
+
if (disabled)
|
|
149
|
+
return;
|
|
150
|
+
group?.onValueChange?.(value);
|
|
151
|
+
onClick?.(event);
|
|
152
|
+
if (closeOnSelect)
|
|
153
|
+
menu?.onOpenChange(false);
|
|
154
|
+
}, ...props, children: [_jsx(View, { className: "pointer-events-none absolute left-1.5 flex size-4 items-center justify-center", children: checked ? _jsx(Check, { size: 16, color: "#666" }) : null }), children] }));
|
|
155
|
+
}
|
|
156
|
+
function MenubarLabel({ className, inset, ...props }) {
|
|
157
|
+
return (_jsx(View, { "data-slot": "menubar-label", "data-inset": inset ? "" : undefined, className: cn("px-1.5 py-1 text-sm font-medium", inset && "pl-7", className), ...props }));
|
|
158
|
+
}
|
|
159
|
+
function MenubarSeparator({ className, ...props }) {
|
|
160
|
+
return (_jsx(View, { "data-slot": "menubar-separator", className: cn("-mx-1 my-1 h-px bg-border", className), ...props }));
|
|
161
|
+
}
|
|
162
|
+
function MenubarShortcut({ className, ...props }) {
|
|
163
|
+
return (_jsx(View, { "data-slot": "menubar-shortcut", className: cn("ml-auto text-xs tracking-widest text-muted-foreground", className), ...props }));
|
|
164
|
+
}
|
|
165
|
+
function MenubarSub({ open: openProp, defaultOpen, onOpenChange, children, }) {
|
|
166
|
+
const menu = React.useContext(MenubarMenuContext);
|
|
167
|
+
const [openState, setOpenState] = React.useState(defaultOpen ?? false);
|
|
168
|
+
const open = openProp !== undefined ? openProp : openState;
|
|
169
|
+
const triggerId = React.useRef(`menubar-sub-trigger-${Math.random().toString(36).slice(2, 10)}`);
|
|
170
|
+
const handleOpenChange = React.useCallback((nextOpen) => {
|
|
171
|
+
if (openProp === undefined) {
|
|
172
|
+
setOpenState(nextOpen);
|
|
173
|
+
}
|
|
174
|
+
onOpenChange?.(nextOpen);
|
|
175
|
+
}, [onOpenChange, openProp]);
|
|
176
|
+
React.useEffect(() => {
|
|
177
|
+
if (!menu?.open && open) {
|
|
178
|
+
handleOpenChange(false);
|
|
179
|
+
}
|
|
180
|
+
}, [handleOpenChange, menu?.open, open]);
|
|
181
|
+
return (_jsx(MenubarSubContext.Provider, { value: { open, onOpenChange: handleOpenChange, triggerId: triggerId.current }, children: children }));
|
|
182
|
+
}
|
|
183
|
+
function MenubarSubTrigger({ className, inset, disabled, children, onClick, ...props }) {
|
|
184
|
+
const sub = React.useContext(MenubarSubContext);
|
|
185
|
+
return (_jsxs(View, { id: sub?.triggerId, "data-slot": "menubar-sub-trigger", "data-inset": inset ? "" : undefined, "data-disabled": disabled ? "" : undefined, "data-state": sub?.open ? "open" : "closed", className: cn("relative flex cursor-default select-none items-center justify-between gap-1.5 rounded-md px-1.5 py-1 text-sm transition-colors", inset && "pl-7", sub?.open && "bg-accent text-accent-foreground", disabled && "pointer-events-none opacity-50", className), onClick: (event) => {
|
|
186
|
+
event.stopPropagation();
|
|
187
|
+
if (disabled)
|
|
188
|
+
return;
|
|
189
|
+
sub?.onOpenChange?.(!sub.open);
|
|
190
|
+
onClick?.(event);
|
|
191
|
+
}, ...props, children: [_jsx(View, { children: children }), _jsx(View, { className: "flex items-center justify-center opacity-50", children: _jsx(ChevronRight, { size: 16, color: "#666" }) })] }));
|
|
192
|
+
}
|
|
193
|
+
function MenubarSubContent({ className, align = "start", side = "right", sideOffset = 4, children, ...props }) {
|
|
194
|
+
const menu = React.useContext(MenubarMenuContext);
|
|
195
|
+
const sub = React.useContext(MenubarSubContext);
|
|
196
|
+
const contentId = React.useRef(`menubar-sub-content-${Math.random().toString(36).slice(2, 10)}`);
|
|
197
|
+
const [position, setPosition] = React.useState(null);
|
|
198
|
+
React.useEffect(() => {
|
|
199
|
+
if (!menu?.open || !sub?.open) {
|
|
200
|
+
setPosition(null);
|
|
201
|
+
return;
|
|
202
|
+
}
|
|
203
|
+
let cancelled = false;
|
|
204
|
+
const updatePosition = async () => {
|
|
205
|
+
const [triggerRect, contentRect] = await Promise.all([
|
|
206
|
+
getRectById(sub.triggerId),
|
|
207
|
+
getRectById(contentId.current),
|
|
208
|
+
]);
|
|
209
|
+
if (cancelled || !triggerRect?.width || !contentRect?.width)
|
|
210
|
+
return;
|
|
211
|
+
setPosition(computePosition({
|
|
212
|
+
triggerRect,
|
|
213
|
+
contentRect,
|
|
214
|
+
align,
|
|
215
|
+
side,
|
|
216
|
+
sideOffset,
|
|
217
|
+
}));
|
|
218
|
+
};
|
|
219
|
+
const timer = typeof requestAnimationFrame !== "undefined"
|
|
220
|
+
? requestAnimationFrame(() => updatePosition())
|
|
221
|
+
: setTimeout(() => updatePosition(), 0);
|
|
222
|
+
return () => {
|
|
223
|
+
cancelled = true;
|
|
224
|
+
if (typeof cancelAnimationFrame !== "undefined") {
|
|
225
|
+
cancelAnimationFrame(timer);
|
|
226
|
+
}
|
|
227
|
+
else {
|
|
228
|
+
clearTimeout(timer);
|
|
229
|
+
}
|
|
230
|
+
};
|
|
231
|
+
}, [align, menu?.open, side, sideOffset, sub]);
|
|
232
|
+
if (!menu?.open || !sub?.open)
|
|
233
|
+
return null;
|
|
234
|
+
return (_jsx(Portal, { children: _jsx(View, { id: contentId.current, "data-slot": "menubar-sub-content", "data-state": "open", "data-side": side, className: cn("fixed z-50 min-w-32 overflow-hidden rounded-lg border bg-popover p-1 text-popover-foreground shadow-lg ring-1 ring-foreground/10", className), style: position
|
|
235
|
+
? { left: position.left, top: position.top }
|
|
236
|
+
: {
|
|
237
|
+
left: 0,
|
|
238
|
+
top: 0,
|
|
239
|
+
opacity: 0,
|
|
240
|
+
pointerEvents: "none",
|
|
241
|
+
}, onClick: (event) => event.stopPropagation(), ...props, children: _jsx(ScrollView, { scrollY: true, className: "max-h-[50vh] overflow-x-hidden overflow-y-auto", children: children }) }) }));
|
|
242
|
+
}
|
|
243
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
|
|
244
|
+
//# sourceMappingURL=menubar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"menubar.js","sourceRoot":"","sources":["../../src/ui/menubar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type ViewProps } from "@tarojs/components";
|
|
3
|
+
declare function NavigationMenu({ className, children, ...props }: ViewProps): React.JSX.Element;
|
|
4
|
+
declare function NavigationMenuList({ className, ...props }: ViewProps): React.JSX.Element;
|
|
5
|
+
declare function NavigationMenuItem({ className, children, value, ...props }: ViewProps & {
|
|
6
|
+
value?: string;
|
|
7
|
+
}): React.JSX.Element;
|
|
8
|
+
declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
9
|
+
type NavigationMenuTriggerRenderProps = Omit<ViewProps, "children"> & {
|
|
10
|
+
"data-slot": "navigation-menu-trigger";
|
|
11
|
+
"data-state": "open" | "closed";
|
|
12
|
+
};
|
|
13
|
+
type NavigationMenuTriggerProps = Omit<ViewProps, "children"> & {
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
value?: string;
|
|
16
|
+
render?: React.ReactElement | ((props: NavigationMenuTriggerRenderProps) => React.ReactNode);
|
|
17
|
+
};
|
|
18
|
+
declare function NavigationMenuTrigger({ className, children, value, render, onClick, ...props }: NavigationMenuTriggerProps): React.JSX.Element;
|
|
19
|
+
declare function NavigationMenuContent({ className, value, children, ...props }: ViewProps & {
|
|
20
|
+
value?: string;
|
|
21
|
+
}): React.JSX.Element | null;
|
|
22
|
+
declare function NavigationMenuPositioner({ children, ...props }: ViewProps): React.JSX.Element;
|
|
23
|
+
declare function NavigationMenuLink({ className, active, ...props }: ViewProps & {
|
|
24
|
+
active?: boolean;
|
|
25
|
+
}): React.JSX.Element;
|
|
26
|
+
declare function NavigationMenuIndicator({ className, ...props }: ViewProps): React.JSX.Element;
|
|
27
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuPositioner, };
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { View } from "@tarojs/components";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from "../lib/utils.js";
|
|
6
|
+
import { ChevronDown } from "@open-dy/lucide-taro";
|
|
7
|
+
const NavigationMenuContext = React.createContext({ activeItem: null, setActiveItem: () => { } });
|
|
8
|
+
const NavigationMenuItemContext = React.createContext(null);
|
|
9
|
+
function NavigationMenu({ className, children, ...props }) {
|
|
10
|
+
const [activeItem, setActiveItem] = React.useState(null);
|
|
11
|
+
return (_jsx(NavigationMenuContext.Provider, { value: { activeItem, setActiveItem }, children: _jsx(View, { "data-slot": "navigation-menu", className: cn("group/navigation-menu relative flex max-w-max flex-1 items-center justify-center", className), ...props, children: children }) }));
|
|
12
|
+
}
|
|
13
|
+
function NavigationMenuList({ className, ...props }) {
|
|
14
|
+
return (_jsx(View, { "data-slot": "navigation-menu-list", className: cn("group flex flex-1 items-center justify-center gap-0", className), ...props }));
|
|
15
|
+
}
|
|
16
|
+
function NavigationMenuItem({ className, children, value, ...props }) {
|
|
17
|
+
const itemValueRef = React.useRef(value ?? `navigation-menu-item-${Math.random().toString(36).slice(2, 10)}`);
|
|
18
|
+
return (_jsx(NavigationMenuItemContext.Provider, { value: { value: itemValueRef.current }, children: _jsx(View, { "data-slot": "navigation-menu-item", className: cn("relative", className), ...props, children: children }) }));
|
|
19
|
+
}
|
|
20
|
+
const navigationMenuTriggerStyle = cva("group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50");
|
|
21
|
+
function NavigationMenuTrigger({ className, children, value, render, onClick, ...props }) {
|
|
22
|
+
const { activeItem, setActiveItem } = React.useContext(NavigationMenuContext);
|
|
23
|
+
const item = React.useContext(NavigationMenuItemContext);
|
|
24
|
+
const resolvedValue = value ?? item?.value ?? null;
|
|
25
|
+
const isOpen = resolvedValue !== null && activeItem === resolvedValue;
|
|
26
|
+
const handleClick = (event) => {
|
|
27
|
+
onClick?.(event);
|
|
28
|
+
setActiveItem(isOpen ? null : resolvedValue);
|
|
29
|
+
};
|
|
30
|
+
const triggerProps = {
|
|
31
|
+
"data-slot": "navigation-menu-trigger",
|
|
32
|
+
"data-state": isOpen ? "open" : "closed",
|
|
33
|
+
onClick: handleClick,
|
|
34
|
+
...props,
|
|
35
|
+
};
|
|
36
|
+
if (render) {
|
|
37
|
+
if (typeof render === "function") {
|
|
38
|
+
return _jsx(_Fragment, { children: render(triggerProps) });
|
|
39
|
+
}
|
|
40
|
+
if (React.isValidElement(render)) {
|
|
41
|
+
const element = render;
|
|
42
|
+
return React.cloneElement(element, {
|
|
43
|
+
...triggerProps,
|
|
44
|
+
onClick: (event) => {
|
|
45
|
+
element.props.onClick?.(event);
|
|
46
|
+
handleClick(event);
|
|
47
|
+
},
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
return (_jsxs(View, { ...triggerProps, className: cn(navigationMenuTriggerStyle(), "group", isOpen && "bg-muted/50", className), children: [children, " ", _jsx(ChevronDown, { className: cn("relative top-px ml-1 size-3 transition duration-300", isOpen && "rotate-180") })] }));
|
|
52
|
+
}
|
|
53
|
+
function NavigationMenuContent({ className, value, children, ...props }) {
|
|
54
|
+
const item = React.useContext(NavigationMenuItemContext);
|
|
55
|
+
const { activeItem } = React.useContext(NavigationMenuContext);
|
|
56
|
+
const resolvedValue = value ?? item?.value ?? null;
|
|
57
|
+
const isOpen = resolvedValue !== null && activeItem === resolvedValue;
|
|
58
|
+
if (!isOpen)
|
|
59
|
+
return null;
|
|
60
|
+
return (_jsx(View, { "data-slot": "navigation-menu-content", className: cn("absolute top-full left-0 z-50 w-auto rounded-lg bg-popover p-1 text-popover-foreground shadow ring-1 ring-foreground/10", className), ...props, children: children }));
|
|
61
|
+
}
|
|
62
|
+
function NavigationMenuPositioner({ children, ...props }) {
|
|
63
|
+
return (_jsx(View, { "data-slot": "navigation-menu-positioner", ...props, children: children }));
|
|
64
|
+
}
|
|
65
|
+
function NavigationMenuLink({ className, active = false, ...props }) {
|
|
66
|
+
return (_jsx(View, { "data-slot": "navigation-menu-link", className: cn("flex items-center gap-2 rounded-lg p-2 text-sm transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 [&_svg:not([class*='size-'])]:size-4", active && "bg-muted/50 hover:bg-muted", className), ...props }));
|
|
67
|
+
}
|
|
68
|
+
function NavigationMenuIndicator({ className, ...props }) {
|
|
69
|
+
return (_jsx(View, { "data-slot": "navigation-menu-indicator", className: cn("top-full z-1 flex h-1.5 items-end justify-center overflow-hidden", className), ...props, children: _jsx(View, { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" }) }));
|
|
70
|
+
}
|
|
71
|
+
export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuPositioner, };
|
|
72
|
+
//# sourceMappingURL=navigation-menu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"navigation-menu.js","sourceRoot":"","sources":["../../src/ui/navigation-menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type ViewProps } from "@tarojs/components";
|
|
2
|
+
import { Button } from "./button.js";
|
|
3
|
+
declare function Pagination({ className, ...props }: ViewProps): import("react").JSX.Element;
|
|
4
|
+
declare function PaginationContent({ className, ...props }: ViewProps): import("react").JSX.Element;
|
|
5
|
+
declare function PaginationItem({ ...props }: ViewProps): import("react").JSX.Element;
|
|
6
|
+
type PaginationLinkProps = {
|
|
7
|
+
isActive?: boolean;
|
|
8
|
+
} & Pick<React.ComponentProps<typeof Button>, "size"> & ViewProps;
|
|
9
|
+
declare function PaginationLink({ className, isActive, size, ...props }: PaginationLinkProps): import("react").JSX.Element;
|
|
10
|
+
declare function PaginationPrevious({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
|
|
11
|
+
text?: string;
|
|
12
|
+
}): import("react").JSX.Element;
|
|
13
|
+
declare function PaginationNext({ className, text, ...props }: React.ComponentProps<typeof PaginationLink> & {
|
|
14
|
+
text?: string;
|
|
15
|
+
}): import("react").JSX.Element;
|
|
16
|
+
declare function PaginationEllipsis({ className, ...props }: ViewProps): import("react").JSX.Element;
|
|
17
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { View } from "@tarojs/components";
|
|
3
|
+
import { cn } from "../lib/utils.js";
|
|
4
|
+
import { Button } from "./button.js";
|
|
5
|
+
import { ChevronLeft, ChevronRight, Ellipsis } from "@open-dy/lucide-taro";
|
|
6
|
+
function Pagination({ className, ...props }) {
|
|
7
|
+
return (_jsx(View, { "data-slot": "pagination", className: cn("mx-auto flex w-full justify-center", className), ...props }));
|
|
8
|
+
}
|
|
9
|
+
function PaginationContent({ className, ...props }) {
|
|
10
|
+
return (_jsx(View, { "data-slot": "pagination-content", className: cn("flex items-center gap-0.5", className), ...props }));
|
|
11
|
+
}
|
|
12
|
+
function PaginationItem({ ...props }) {
|
|
13
|
+
return _jsx(View, { "data-slot": "pagination-item", ...props });
|
|
14
|
+
}
|
|
15
|
+
function PaginationLink({ className, isActive, size = "icon", ...props }) {
|
|
16
|
+
return (_jsx(Button, { variant: isActive ? "outline" : "ghost", size: size, "data-slot": "pagination-link", "data-active": isActive, className: cn(className), ...props }));
|
|
17
|
+
}
|
|
18
|
+
function PaginationPrevious({ className, text = "Previous", ...props }) {
|
|
19
|
+
return (_jsxs(PaginationLink, { size: "default", className: cn("pl-1.5!", className), ...props, children: [_jsx(ChevronLeft, { "data-icon": "inline-start" }), _jsx(View, { className: "hidden sm:block", children: text })] }));
|
|
20
|
+
}
|
|
21
|
+
function PaginationNext({ className, text = "Next", ...props }) {
|
|
22
|
+
return (_jsxs(PaginationLink, { size: "default", className: cn("pr-1.5!", className), ...props, children: [_jsx(View, { className: "hidden sm:block", children: text }), _jsx(ChevronRight, { "data-icon": "inline-end" })] }));
|
|
23
|
+
}
|
|
24
|
+
function PaginationEllipsis({ className, ...props }) {
|
|
25
|
+
return (_jsx(View, { "data-slot": "pagination-ellipsis", className: cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", className), ...props, children: _jsx(Ellipsis, {}) }));
|
|
26
|
+
}
|
|
27
|
+
export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };
|
|
28
|
+
//# sourceMappingURL=pagination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../src/ui/pagination.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAkB,MAAM,oBAAoB,CAAA;AAEzD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAE1E,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAa;IACpD,OAAO,CACL,KAAC,IAAI,iBACO,YAAY,EACtB,SAAS,EAAE,EAAE,CAAC,oCAAoC,EAAE,SAAS,CAAC,KAC1D,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACE;IACV,OAAO,CACL,KAAC,IAAI,iBACO,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,KACjD,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EAAE,GAAG,KAAK,EAAa;IAC7C,OAAO,KAAC,IAAI,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAA;AACxD,CAAC;AAOD,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,MAAM,EACb,GAAG,KAAK,EACY;IACpB,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,EACvC,IAAI,EAAE,IAAI,eACA,iBAAiB,iBACd,QAAQ,EACrB,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KACpB,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAI,GAAG,UAAU,EACjB,GAAG,KAAK,EACwD;IAChE,OAAO,CACL,MAAC,cAAc,IACb,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAC/B,KAAK,aAET,KAAC,WAAW,iBAAW,cAAc,GAAG,EACxC,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,YAAE,IAAI,GAAQ,IAChC,CAClB,CAAA;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACtB,SAAS,EACT,IAAI,GAAG,MAAM,EACb,GAAG,KAAK,EACwD;IAChE,OAAO,CACL,MAAC,cAAc,IACb,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,SAAS,CAAC,KAC/B,KAAK,aAET,KAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,YAAE,IAAI,GAAQ,EAC/C,KAAC,YAAY,iBAAW,YAAY,GAAG,IACxB,CAClB,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACE;IACV,OAAO,CACL,KAAC,IAAI,iBACO,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CACX,8EAA8E,EAC9E,SAAS,CACV,KACG,KAAK,YAET,KAAC,QAAQ,KAAG,GACP,CACR,CAAA;AACH,CAAC;AAED,OAAO,EACL,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,cAAc,EACd,cAAc,EACd,kBAAkB,GACnB,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type ViewProps } from "@tarojs/components";
|
|
3
|
+
type PopoverTriggerRenderProps = Omit<ViewProps, "children"> & {
|
|
4
|
+
"data-slot": "popover-trigger";
|
|
5
|
+
"aria-expanded": boolean;
|
|
6
|
+
};
|
|
7
|
+
type PopoverTriggerProps = Omit<ViewProps, "children"> & {
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
render?: React.ReactElement | ((props: PopoverTriggerRenderProps) => React.ReactNode);
|
|
10
|
+
};
|
|
11
|
+
declare function Popover({ open: openProp, defaultOpen, onOpenChange, children, }: {
|
|
12
|
+
open?: boolean;
|
|
13
|
+
defaultOpen?: boolean;
|
|
14
|
+
onOpenChange?: (open: boolean) => void;
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
}): React.JSX.Element;
|
|
17
|
+
declare function PopoverTrigger({ children, render, onClick, ...props }: PopoverTriggerProps): React.JSX.Element;
|
|
18
|
+
declare function PopoverContent({ className, align, sideOffset, side, children, style, ...props }: ViewProps & {
|
|
19
|
+
align?: "start" | "center" | "end";
|
|
20
|
+
sideOffset?: number;
|
|
21
|
+
side?: "top" | "right" | "bottom" | "left";
|
|
22
|
+
}): React.JSX.Element | null;
|
|
23
|
+
declare function PopoverAnchor({ children, ...props }: ViewProps): React.JSX.Element;
|
|
24
|
+
declare function PopoverHeader({ className, ...props }: ViewProps): React.JSX.Element;
|
|
25
|
+
declare function PopoverTitle({ className, ...props }: ViewProps): React.JSX.Element;
|
|
26
|
+
declare function PopoverDescription({ className, ...props }: ViewProps): React.JSX.Element;
|
|
27
|
+
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, };
|
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { View } from "@tarojs/components";
|
|
4
|
+
import { computePosition, getRectById } from "../lib/measure.js";
|
|
5
|
+
import { isH5 } from "../lib/platform.js";
|
|
6
|
+
import { cn } from "../lib/utils.js";
|
|
7
|
+
import { Portal } from "./portal.js";
|
|
8
|
+
const PopoverContext = React.createContext({
|
|
9
|
+
open: false,
|
|
10
|
+
onOpenChange: () => { },
|
|
11
|
+
triggerId: "",
|
|
12
|
+
});
|
|
13
|
+
function Popover({ open: openProp, defaultOpen, onOpenChange, children, }) {
|
|
14
|
+
const triggerId = React.useRef(`popover-trigger-${Math.random().toString(36).slice(2, 10)}`);
|
|
15
|
+
const [internal, setInternal] = React.useState(defaultOpen ?? false);
|
|
16
|
+
const controlled = openProp !== undefined;
|
|
17
|
+
const open = controlled ? openProp : internal;
|
|
18
|
+
React.useEffect(() => {
|
|
19
|
+
if (!open || !isH5() || typeof document === "undefined")
|
|
20
|
+
return;
|
|
21
|
+
const onKeyDown = (event) => {
|
|
22
|
+
if (event.key === "Escape") {
|
|
23
|
+
onOpenChange?.(false);
|
|
24
|
+
if (!controlled)
|
|
25
|
+
setInternal(false);
|
|
26
|
+
}
|
|
27
|
+
};
|
|
28
|
+
document.addEventListener("keydown", onKeyDown);
|
|
29
|
+
return () => document.removeEventListener("keydown", onKeyDown);
|
|
30
|
+
}, [controlled, onOpenChange, open]);
|
|
31
|
+
return (_jsx(PopoverContext.Provider, { value: {
|
|
32
|
+
open,
|
|
33
|
+
onOpenChange: (v) => {
|
|
34
|
+
if (!controlled)
|
|
35
|
+
setInternal(v);
|
|
36
|
+
onOpenChange?.(v);
|
|
37
|
+
},
|
|
38
|
+
triggerId: triggerId.current,
|
|
39
|
+
}, children: children }));
|
|
40
|
+
}
|
|
41
|
+
function PopoverTrigger({ children, render, onClick, ...props }) {
|
|
42
|
+
const { open, onOpenChange, triggerId } = React.useContext(PopoverContext);
|
|
43
|
+
const handleClick = (event) => {
|
|
44
|
+
onClick?.(event);
|
|
45
|
+
onOpenChange(!open);
|
|
46
|
+
};
|
|
47
|
+
const triggerProps = {
|
|
48
|
+
"data-slot": "popover-trigger",
|
|
49
|
+
"aria-expanded": open,
|
|
50
|
+
id: triggerId,
|
|
51
|
+
onClick: handleClick,
|
|
52
|
+
...props,
|
|
53
|
+
};
|
|
54
|
+
if (render) {
|
|
55
|
+
if (typeof render === "function") {
|
|
56
|
+
return _jsx(_Fragment, { children: render(triggerProps) });
|
|
57
|
+
}
|
|
58
|
+
if (React.isValidElement(render)) {
|
|
59
|
+
const element = render;
|
|
60
|
+
return React.cloneElement(element, {
|
|
61
|
+
...triggerProps,
|
|
62
|
+
onClick: (event) => {
|
|
63
|
+
element.props.onClick?.(event);
|
|
64
|
+
handleClick(event);
|
|
65
|
+
},
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
return (_jsx(View, { ...triggerProps, children: children }));
|
|
70
|
+
}
|
|
71
|
+
function PopoverContent({ className, align = "center", sideOffset = 4, side = "bottom", children, style, ...props }) {
|
|
72
|
+
const { open, onOpenChange, triggerId } = React.useContext(PopoverContext);
|
|
73
|
+
const contentId = React.useRef(`popover-content-${Math.random().toString(36).slice(2, 10)}`);
|
|
74
|
+
const [position, setPosition] = React.useState(null);
|
|
75
|
+
React.useEffect(() => {
|
|
76
|
+
if (!open) {
|
|
77
|
+
setPosition(null);
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
let cancelled = false;
|
|
81
|
+
const updatePosition = async () => {
|
|
82
|
+
const [triggerRect, contentRect] = await Promise.all([
|
|
83
|
+
getRectById(triggerId),
|
|
84
|
+
getRectById(contentId.current),
|
|
85
|
+
]);
|
|
86
|
+
if (cancelled || !triggerRect?.width || !contentRect?.width)
|
|
87
|
+
return;
|
|
88
|
+
setPosition(computePosition({
|
|
89
|
+
triggerRect,
|
|
90
|
+
contentRect,
|
|
91
|
+
align,
|
|
92
|
+
side,
|
|
93
|
+
sideOffset,
|
|
94
|
+
}));
|
|
95
|
+
};
|
|
96
|
+
const timer = typeof requestAnimationFrame !== "undefined"
|
|
97
|
+
? requestAnimationFrame(() => updatePosition())
|
|
98
|
+
: setTimeout(() => updatePosition(), 0);
|
|
99
|
+
return () => {
|
|
100
|
+
cancelled = true;
|
|
101
|
+
if (typeof cancelAnimationFrame !== "undefined") {
|
|
102
|
+
cancelAnimationFrame(timer);
|
|
103
|
+
}
|
|
104
|
+
else {
|
|
105
|
+
clearTimeout(timer);
|
|
106
|
+
}
|
|
107
|
+
};
|
|
108
|
+
}, [align, open, side, sideOffset, triggerId]);
|
|
109
|
+
if (!open)
|
|
110
|
+
return null;
|
|
111
|
+
const contentStyle = position
|
|
112
|
+
? {
|
|
113
|
+
...style,
|
|
114
|
+
left: position.left,
|
|
115
|
+
top: position.top,
|
|
116
|
+
}
|
|
117
|
+
: {
|
|
118
|
+
...style,
|
|
119
|
+
left: 0,
|
|
120
|
+
top: 0,
|
|
121
|
+
opacity: 0,
|
|
122
|
+
pointerEvents: "none",
|
|
123
|
+
};
|
|
124
|
+
return (_jsxs(Portal, { children: [_jsx(View, { className: "fixed inset-0 z-40", onClick: () => onOpenChange(false) }), _jsx(View, { id: contentId.current, "data-slot": "popover-content", "data-state": "open", "data-align": align, "data-side": side, className: cn("fixed z-50 w-72 origin-[var(--transform-origin)] rounded-lg border bg-popover p-4 text-popover-foreground shadow-md outline-hidden", className), style: contentStyle, onClick: (event) => event.stopPropagation(), ...props, children: children })] }));
|
|
125
|
+
}
|
|
126
|
+
function PopoverAnchor({ children, ...props }) {
|
|
127
|
+
return (_jsx(View, { "data-slot": "popover-anchor", ...props, children: children }));
|
|
128
|
+
}
|
|
129
|
+
function PopoverHeader({ className, ...props }) {
|
|
130
|
+
return (_jsx(View, { "data-slot": "popover-header", className: cn("grid gap-1.5", className), ...props }));
|
|
131
|
+
}
|
|
132
|
+
function PopoverTitle({ className, ...props }) {
|
|
133
|
+
return (_jsx(View, { "data-slot": "popover-title", className: cn("font-medium leading-none", className), ...props }));
|
|
134
|
+
}
|
|
135
|
+
function PopoverDescription({ className, ...props }) {
|
|
136
|
+
return (_jsx(View, { "data-slot": "popover-description", className: cn("text-sm text-muted-foreground", className), ...props }));
|
|
137
|
+
}
|
|
138
|
+
export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor, PopoverHeader, PopoverTitle, PopoverDescription, };
|
|
139
|
+
//# sourceMappingURL=popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"popover.js","sourceRoot":"","sources":["../../src/ui/popover.tsx"],"names":[],"mappings":"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"}
|