@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,122 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { Input as TaroInput, Textarea as TaroTextarea, View } from "@tarojs/components";
|
|
4
|
+
import { cva } from "class-variance-authority";
|
|
5
|
+
import { cn } from "../lib/utils.js";
|
|
6
|
+
import { Button } from "./button.js";
|
|
7
|
+
const inputGroupContext = React.createContext({
|
|
8
|
+
disabled: false,
|
|
9
|
+
invalid: false,
|
|
10
|
+
hasInlineStartAddon: false,
|
|
11
|
+
hasInlineEndAddon: false,
|
|
12
|
+
hasBlockStartAddon: false,
|
|
13
|
+
hasBlockEndAddon: false,
|
|
14
|
+
isMultiline: false,
|
|
15
|
+
});
|
|
16
|
+
function isAriaStateEnabled(value) {
|
|
17
|
+
return value !== undefined && value !== false && value !== "false";
|
|
18
|
+
}
|
|
19
|
+
function collectInputGroupState(children) {
|
|
20
|
+
const state = {
|
|
21
|
+
disabled: false,
|
|
22
|
+
invalid: false,
|
|
23
|
+
hasInlineStartAddon: false,
|
|
24
|
+
hasInlineEndAddon: false,
|
|
25
|
+
hasBlockStartAddon: false,
|
|
26
|
+
hasBlockEndAddon: false,
|
|
27
|
+
isMultiline: false,
|
|
28
|
+
};
|
|
29
|
+
const visit = (node) => {
|
|
30
|
+
React.Children.forEach(node, (child) => {
|
|
31
|
+
if (!React.isValidElement(child))
|
|
32
|
+
return;
|
|
33
|
+
const props = child.props;
|
|
34
|
+
if (props.disabled)
|
|
35
|
+
state.disabled = true;
|
|
36
|
+
if (isAriaStateEnabled(props["aria-invalid"]))
|
|
37
|
+
state.invalid = true;
|
|
38
|
+
if (child.type === InputGroupAddon) {
|
|
39
|
+
switch (props.align) {
|
|
40
|
+
case "inline-end":
|
|
41
|
+
state.hasInlineEndAddon = true;
|
|
42
|
+
break;
|
|
43
|
+
case "block-start":
|
|
44
|
+
state.hasBlockStartAddon = true;
|
|
45
|
+
break;
|
|
46
|
+
case "block-end":
|
|
47
|
+
state.hasBlockEndAddon = true;
|
|
48
|
+
break;
|
|
49
|
+
case "inline-start":
|
|
50
|
+
default:
|
|
51
|
+
state.hasInlineStartAddon = true;
|
|
52
|
+
break;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
if (child.type === InputGroupTextarea) {
|
|
56
|
+
state.isMultiline = true;
|
|
57
|
+
}
|
|
58
|
+
if (props.children) {
|
|
59
|
+
visit(props.children);
|
|
60
|
+
}
|
|
61
|
+
});
|
|
62
|
+
};
|
|
63
|
+
visit(children);
|
|
64
|
+
return state;
|
|
65
|
+
}
|
|
66
|
+
function InputGroup({ className, children, ...props }) {
|
|
67
|
+
const groupState = React.useMemo(() => collectInputGroupState(children), [children]);
|
|
68
|
+
const isVertical = groupState.hasBlockStartAddon ||
|
|
69
|
+
groupState.hasBlockEndAddon ||
|
|
70
|
+
groupState.isMultiline;
|
|
71
|
+
return (_jsx(inputGroupContext.Provider, { value: groupState, children: _jsx(View, { className: cn("relative flex w-full min-w-0 rounded-lg border border-input bg-transparent transition-colors outline-none focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 dark:bg-input/30", isVertical ? "h-auto flex-col" : "h-8 items-center", groupState.disabled &&
|
|
72
|
+
"bg-input/50 opacity-50 dark:bg-input/80", groupState.invalid &&
|
|
73
|
+
"border-destructive ring-3 ring-destructive/20 dark:border-destructive/50 dark:ring-destructive/40", className), ...props, children: children }) }));
|
|
74
|
+
}
|
|
75
|
+
const inputGroupAddonVariants = cva("flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium text-muted-foreground select-none [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4", {
|
|
76
|
+
variants: {
|
|
77
|
+
align: {
|
|
78
|
+
"inline-start": "order-first pl-2",
|
|
79
|
+
"inline-end": "order-last pr-2",
|
|
80
|
+
"block-start": "order-first w-full justify-start px-2.5 pt-2 pb-2",
|
|
81
|
+
"block-end": "order-last w-full justify-start px-2.5 pt-2 pb-2",
|
|
82
|
+
},
|
|
83
|
+
},
|
|
84
|
+
defaultVariants: {
|
|
85
|
+
align: "inline-start",
|
|
86
|
+
},
|
|
87
|
+
});
|
|
88
|
+
function InputGroupAddon({ className, align = "inline-start", ...props }) {
|
|
89
|
+
const groupState = React.useContext(inputGroupContext);
|
|
90
|
+
return (_jsx(View, { className: cn(inputGroupAddonVariants({ align }), groupState.disabled && "opacity-50", className), ...props }));
|
|
91
|
+
}
|
|
92
|
+
const inputGroupButtonVariants = cva("flex items-center gap-2 text-sm shadow-none", {
|
|
93
|
+
variants: {
|
|
94
|
+
size: {
|
|
95
|
+
xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
|
|
96
|
+
sm: "",
|
|
97
|
+
"icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
|
|
98
|
+
"icon-sm": "size-8 p-0 has-[>svg]:p-0",
|
|
99
|
+
},
|
|
100
|
+
},
|
|
101
|
+
defaultVariants: {
|
|
102
|
+
size: "xs",
|
|
103
|
+
},
|
|
104
|
+
});
|
|
105
|
+
function InputGroupButton({ className, variant = "ghost", size = "xs", ...props }) {
|
|
106
|
+
return (_jsx(Button, { variant: variant, className: cn(inputGroupButtonVariants({ size }), className), ...props }));
|
|
107
|
+
}
|
|
108
|
+
function InputGroupText({ className, ...props }) {
|
|
109
|
+
return (_jsx(View, { className: cn("flex items-center gap-2 text-sm text-muted-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className), ...props }));
|
|
110
|
+
}
|
|
111
|
+
function InputGroupInput({ className, ...props }) {
|
|
112
|
+
const groupState = React.useContext(inputGroupContext);
|
|
113
|
+
const horizontalPadding = groupState.hasInlineStartAddon || groupState.hasInlineEndAddon
|
|
114
|
+
? "px-1.5"
|
|
115
|
+
: "px-2.5";
|
|
116
|
+
return (_jsx(View, { className: cn("flex min-w-0 flex-1 items-center py-2", groupState.isMultiline ? "w-full" : "h-full", horizontalPadding), children: _jsx(TaroInput, { className: cn("w-full flex-1 bg-transparent text-base text-foreground placeholder:text-muted-foreground outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className), ...props }) }));
|
|
117
|
+
}
|
|
118
|
+
function InputGroupTextarea({ className, ...props }) {
|
|
119
|
+
return (_jsx(TaroTextarea, { className: cn("min-h-16 w-full flex-1 resize-none border-0 bg-transparent px-2.5 py-2 text-sm text-foreground outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed", className), ...props }));
|
|
120
|
+
}
|
|
121
|
+
export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupInput, InputGroupTextarea, };
|
|
122
|
+
//# sourceMappingURL=input-group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-group.js","sourceRoot":"","sources":["../../src/ui/input-group.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type ViewProps } from "@tarojs/components";
|
|
3
|
+
type InputOTPProps = ViewProps & {
|
|
4
|
+
maxLength: number;
|
|
5
|
+
value?: string;
|
|
6
|
+
defaultValue?: string;
|
|
7
|
+
onChange?: (value: string) => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
autoFocus?: boolean;
|
|
10
|
+
};
|
|
11
|
+
declare function InputOTP({ className, maxLength, value: valueProp, defaultValue, onChange, disabled, autoFocus, children, ...props }: InputOTPProps): React.JSX.Element;
|
|
12
|
+
declare function InputOTPGroup({ className, ...props }: ViewProps): React.JSX.Element;
|
|
13
|
+
declare function InputOTPSlot({ index, className, "aria-invalid": ariaInvalid, ...props }: ViewProps & {
|
|
14
|
+
index: number;
|
|
15
|
+
"aria-invalid"?: boolean | "true" | "false";
|
|
16
|
+
}): React.JSX.Element;
|
|
17
|
+
declare function InputOTPSeparator({ ...props }: ViewProps): React.JSX.Element;
|
|
18
|
+
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import { View, Input as TaroInput } from "@tarojs/components";
|
|
4
|
+
import { cn } from "../lib/utils.js";
|
|
5
|
+
import { Minus } from "@open-dy/lucide-taro";
|
|
6
|
+
function InputOTP({ className, maxLength, value: valueProp, defaultValue, onChange, disabled, autoFocus, children, ...props }) {
|
|
7
|
+
const [internal, setInternal] = React.useState(() => (defaultValue ?? "").slice(0, maxLength));
|
|
8
|
+
const [isFocused, setIsFocused] = React.useState(false);
|
|
9
|
+
const controlled = valueProp !== undefined;
|
|
10
|
+
const value = controlled ? valueProp : internal;
|
|
11
|
+
const handleInput = (e) => {
|
|
12
|
+
const newValue = e.detail.value.slice(0, maxLength);
|
|
13
|
+
if (!controlled)
|
|
14
|
+
setInternal(newValue);
|
|
15
|
+
onChange?.(newValue);
|
|
16
|
+
};
|
|
17
|
+
return (_jsxs(View, { "data-slot": "input-otp", className: cn("relative flex items-center", disabled && "opacity-50", className), ...props, children: [_jsx(TaroInput, { className: "z-10", style: {
|
|
18
|
+
position: "absolute",
|
|
19
|
+
left: 0,
|
|
20
|
+
top: 0,
|
|
21
|
+
width: "100%",
|
|
22
|
+
height: "100%",
|
|
23
|
+
opacity: 0,
|
|
24
|
+
zIndex: 10,
|
|
25
|
+
backgroundColor: "transparent",
|
|
26
|
+
borderWidth: 0,
|
|
27
|
+
padding: 0,
|
|
28
|
+
margin: 0,
|
|
29
|
+
outline: "none",
|
|
30
|
+
color: "transparent",
|
|
31
|
+
caretColor: "transparent",
|
|
32
|
+
}, type: "number", maxlength: maxLength, value: value, onInput: handleInput, onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false), disabled: disabled, focus: autoFocus }), _jsx(InputOTPContext.Provider, { value: { value, maxLength, isFocused }, children: children })] }));
|
|
33
|
+
}
|
|
34
|
+
const InputOTPContext = React.createContext({ value: "", maxLength: 6, isFocused: false });
|
|
35
|
+
function InputOTPGroup({ className, ...props }) {
|
|
36
|
+
return (_jsx(View, { "data-slot": "input-otp-group", className: cn("flex items-center rounded-lg", className), ...props }));
|
|
37
|
+
}
|
|
38
|
+
function InputOTPSlot({ index, className, "aria-invalid": ariaInvalid, ...props }) {
|
|
39
|
+
const { value, isFocused } = React.useContext(InputOTPContext);
|
|
40
|
+
const char = value[index] ?? "";
|
|
41
|
+
const isActive = isFocused && value.length === index;
|
|
42
|
+
return (_jsxs(View, { "data-slot": "input-otp-slot", "data-active": isActive || undefined, "aria-invalid": ariaInvalid, className: cn("relative flex size-8 items-center justify-center border-y border-r border-input text-sm transition-all first:rounded-l-lg first:border-l last:rounded-r-lg aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", isActive && "z-10 border-ring ring-3 ring-ring/50", className), ...props, children: [char, isActive ? _jsx(View, { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx(View, { className: "h-4 w-px animate-pulse bg-foreground" }) }) : null] }));
|
|
43
|
+
}
|
|
44
|
+
function InputOTPSeparator({ ...props }) {
|
|
45
|
+
return (_jsx(View, { "data-slot": "input-otp-separator", className: "flex items-center [&_svg:not([class*='size-'])]:size-4", ...props, children: _jsx(Minus, {}) }));
|
|
46
|
+
}
|
|
47
|
+
export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
|
|
48
|
+
//# sourceMappingURL=input-otp.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input-otp.js","sourceRoot":"","sources":["../../src/ui/input-otp.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Input as TaroInput } from "@tarojs/components";
|
|
2
|
+
declare function Input({ className, type, disabled, "aria-invalid": ariaInvalid, style, ...props }: React.ComponentPropsWithoutRef<typeof TaroInput> & {
|
|
3
|
+
"aria-invalid"?: boolean | "true" | "false";
|
|
4
|
+
}): import("react").JSX.Element;
|
|
5
|
+
export { Input };
|
package/dist/ui/input.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Input as TaroInput, View } from "@tarojs/components";
|
|
3
|
+
import { cn } from "../lib/utils.js";
|
|
4
|
+
function Input({ className, type, disabled = false, "aria-invalid": ariaInvalid, style, ...props }) {
|
|
5
|
+
return (_jsx(View, { "data-slot": "input", "aria-invalid": ariaInvalid, style: style, className: cn("flex h-11 w-full min-w-0 items-center rounded-lg border border-input bg-background px-3 text-base transition-colors outline-none placeholder:text-muted-foreground focus-within:border-ring aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", disabled && "pointer-events-none cursor-not-allowed opacity-50", className), children: _jsx(TaroInput, { type: type, disabled: disabled, className: "w-full flex-1 text-sm outline-none", ...props, style: { backgroundColor: 'transparent', padding: 0, borderRadius: 0, height: 'auto' } }) }));
|
|
6
|
+
}
|
|
7
|
+
export { Input };
|
|
8
|
+
//# sourceMappingURL=input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/ui/input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAE7D,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,SAAS,KAAK,CAAC,EACb,SAAS,EACT,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,cAAc,EAAE,WAAW,EAC3B,KAAK,EACL,GAAG,KAAK,EAGT;IACC,OAAO,CACL,KAAC,IAAI,iBACO,OAAO,kBACH,WAAW,EACzB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,EAAE,CACX,4XAA4X,EAC5X,QAAQ,IAAI,mDAAmD,EAC/D,SAAS,CACV,YAED,KAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,oCAAoC,KAC1C,KAAK,EACT,KAAK,EAAE,EAAE,eAAe,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,GACtF,GACG,CACR,CAAA;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type ViewProps } from "@tarojs/components";
|
|
3
|
+
import { type VariantProps } from "class-variance-authority";
|
|
4
|
+
import { Separator } from "./separator.js";
|
|
5
|
+
declare function ItemGroup({ className, children, ...props }: ViewProps): React.JSX.Element;
|
|
6
|
+
declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
|
|
7
|
+
declare const itemVariants: (props?: ({
|
|
8
|
+
variant?: "default" | "outline" | "muted" | null | undefined;
|
|
9
|
+
size?: "default" | "xs" | "sm" | null | undefined;
|
|
10
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
|
+
declare function Item({ className, variant, size, children, ...props }: ViewProps & VariantProps<typeof itemVariants>): React.JSX.Element;
|
|
12
|
+
declare const itemMediaVariants: (props?: ({
|
|
13
|
+
variant?: "default" | "image" | "icon" | null | undefined;
|
|
14
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
|
+
declare function ItemMedia({ className, variant, ...props }: ViewProps & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
|
|
16
|
+
declare function ItemContent({ className, ...props }: ViewProps): React.JSX.Element;
|
|
17
|
+
declare function ItemTitle({ className, ...props }: ViewProps): React.JSX.Element;
|
|
18
|
+
declare function ItemDescription({ className, ...props }: ViewProps): React.JSX.Element;
|
|
19
|
+
declare function ItemActions({ className, ...props }: ViewProps): React.JSX.Element;
|
|
20
|
+
declare function ItemHeader({ className, ...props }: ViewProps): React.JSX.Element;
|
|
21
|
+
declare function ItemFooter({ className, ...props }: ViewProps): React.JSX.Element;
|
|
22
|
+
export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
|
package/dist/ui/item.js
ADDED
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { jsx as _jsx } 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 { Separator } from "./separator.js";
|
|
7
|
+
const ItemContext = React.createContext({
|
|
8
|
+
size: "default",
|
|
9
|
+
hasDescription: false,
|
|
10
|
+
});
|
|
11
|
+
function ItemGroup({ className, children, ...props }) {
|
|
12
|
+
const childArray = React.Children.toArray(children);
|
|
13
|
+
const groupSize = childArray.find((child) => React.isValidElement(child) && child.type === Item);
|
|
14
|
+
return (_jsx(View, { "data-slot": "item-group", className: cn("group/item-group flex w-full flex-col", groupSize?.props.size === "xs"
|
|
15
|
+
? "gap-2"
|
|
16
|
+
: groupSize?.props.size === "sm"
|
|
17
|
+
? "gap-2.5"
|
|
18
|
+
: "gap-4", className), ...props, children: children }));
|
|
19
|
+
}
|
|
20
|
+
function ItemSeparator({ className, ...props }) {
|
|
21
|
+
return (_jsx(Separator, { "data-slot": "item-separator", orientation: "horizontal", className: cn("my-2", className), ...props }));
|
|
22
|
+
}
|
|
23
|
+
const itemVariants = cva("group/item flex w-full flex-wrap items-center rounded-lg border text-sm transition-colors duration-100 outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-muted", {
|
|
24
|
+
variants: {
|
|
25
|
+
variant: {
|
|
26
|
+
default: "border-transparent",
|
|
27
|
+
outline: "border-border",
|
|
28
|
+
muted: "border-transparent bg-muted/50",
|
|
29
|
+
},
|
|
30
|
+
size: {
|
|
31
|
+
default: "gap-2.5 px-3 py-2.5",
|
|
32
|
+
sm: "gap-2.5 px-3 py-2.5",
|
|
33
|
+
xs: "gap-2 px-2.5 py-2",
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
defaultVariants: {
|
|
37
|
+
variant: "default",
|
|
38
|
+
size: "default",
|
|
39
|
+
},
|
|
40
|
+
});
|
|
41
|
+
function Item({ className, variant = "default", size, children, ...props }) {
|
|
42
|
+
const resolvedSize = size ?? "default";
|
|
43
|
+
const hasDescription = React.useMemo(() => React.Children.toArray(children).some((child) => React.isValidElement(child) && child.type === ItemDescription), [children]);
|
|
44
|
+
return (_jsx(ItemContext.Provider, { value: { size: resolvedSize, hasDescription }, children: _jsx(View, { "data-slot": "item", className: cn(itemVariants({ variant, size: resolvedSize, className })), ...props, children: children }) }));
|
|
45
|
+
}
|
|
46
|
+
const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 [&_svg]:pointer-events-none", {
|
|
47
|
+
variants: {
|
|
48
|
+
variant: {
|
|
49
|
+
default: "bg-transparent",
|
|
50
|
+
icon: "[&_svg:not([class*='size-'])]:size-4",
|
|
51
|
+
image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover",
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
variant: "default",
|
|
56
|
+
},
|
|
57
|
+
});
|
|
58
|
+
function ItemMedia({ className, variant = "default", ...props }) {
|
|
59
|
+
const { size, hasDescription } = React.useContext(ItemContext);
|
|
60
|
+
return (_jsx(View, { "data-slot": "item-media", "data-variant": variant, className: cn(itemMediaVariants({ variant }), hasDescription && "translate-y-0.5 self-start", variant === "image" && size === "sm" && "size-8", variant === "image" && size === "xs" && "size-6", className), ...props }));
|
|
61
|
+
}
|
|
62
|
+
function ItemContent({ className, ...props }) {
|
|
63
|
+
const { size } = React.useContext(ItemContext);
|
|
64
|
+
return (_jsx(View, { "data-slot": "item-content", className: cn("flex flex-1 flex-col", size === "xs" ? "gap-0" : "gap-1", className), ...props }));
|
|
65
|
+
}
|
|
66
|
+
function ItemTitle({ className, ...props }) {
|
|
67
|
+
return (_jsx(View, { "data-slot": "item-title", className: cn("line-clamp-1 flex w-fit items-center gap-2 text-sm leading-snug font-medium underline-offset-4", className), ...props }));
|
|
68
|
+
}
|
|
69
|
+
function ItemDescription({ className, ...props }) {
|
|
70
|
+
const { size } = React.useContext(ItemContext);
|
|
71
|
+
return (_jsx(View, { "data-slot": "item-description", className: cn("line-clamp-2 text-left text-sm leading-normal font-normal text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", size === "xs" && "text-xs", className), ...props }));
|
|
72
|
+
}
|
|
73
|
+
function ItemActions({ className, ...props }) {
|
|
74
|
+
return (_jsx(View, { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props }));
|
|
75
|
+
}
|
|
76
|
+
function ItemHeader({ className, ...props }) {
|
|
77
|
+
return (_jsx(View, { "data-slot": "item-header", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
|
|
78
|
+
}
|
|
79
|
+
function ItemFooter({ className, ...props }) {
|
|
80
|
+
return (_jsx(View, { "data-slot": "item-footer", className: cn("flex basis-full items-center justify-between gap-2", className), ...props }));
|
|
81
|
+
}
|
|
82
|
+
export { Item, ItemMedia, ItemContent, ItemActions, ItemGroup, ItemSeparator, ItemTitle, ItemDescription, ItemHeader, ItemFooter, };
|
|
83
|
+
//# sourceMappingURL=item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../src/ui/item.tsx"],"names":[],"mappings":"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"}
|
package/dist/ui/label.js
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Label as TaroLabel } from "@tarojs/components";
|
|
3
|
+
import { cn } from "../lib/utils.js";
|
|
4
|
+
function Label({ className, ...props }) {
|
|
5
|
+
return (_jsx(TaroLabel, { "data-slot": "label", className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props }));
|
|
6
|
+
}
|
|
7
|
+
export { Label };
|
|
8
|
+
//# sourceMappingURL=label.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"label.js","sourceRoot":"","sources":["../../src/ui/label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAEvD,OAAO,EAAE,EAAE,EAAE,MAAM,cAAc,CAAA;AAEjC,SAAS,KAAK,CAAC,EACb,SAAS,EACT,GAAG,KAAK,EACyC;IACjD,OAAO,CACL,KAAC,SAAS,iBACE,OAAO,EACjB,SAAS,EAAE,EAAE,CACX,gIAAgI,EAChI,SAAS,CACV,KACG,KAAK,GACT,CACH,CAAA;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,CAAA"}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { type ViewProps } from "@tarojs/components";
|
|
3
|
+
type MenuSide = "top" | "bottom" | "left" | "right";
|
|
4
|
+
type MenuAlign = "start" | "center" | "end";
|
|
5
|
+
declare function Menubar({ className, ...props }: ViewProps): React.JSX.Element;
|
|
6
|
+
declare function MenubarMenu({ children }: {
|
|
7
|
+
children?: React.ReactNode;
|
|
8
|
+
}): React.JSX.Element;
|
|
9
|
+
declare function MenubarGroup({ ...props }: ViewProps): React.JSX.Element;
|
|
10
|
+
declare function MenubarPortal({ children }: {
|
|
11
|
+
children?: React.ReactNode;
|
|
12
|
+
}): React.JSX.Element;
|
|
13
|
+
declare function MenubarTrigger({ className, onClick, ...props }: ViewProps): React.JSX.Element;
|
|
14
|
+
declare function MenubarContent({ className, align, side, sideOffset, children, ...props }: ViewProps & {
|
|
15
|
+
align?: MenuAlign;
|
|
16
|
+
side?: MenuSide;
|
|
17
|
+
sideOffset?: number;
|
|
18
|
+
}): React.JSX.Element | null;
|
|
19
|
+
declare function MenubarItem({ className, inset, variant, disabled, closeOnSelect, onClick, ...props }: ViewProps & {
|
|
20
|
+
inset?: boolean;
|
|
21
|
+
variant?: "default" | "destructive";
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
closeOnSelect?: boolean;
|
|
24
|
+
}): React.JSX.Element;
|
|
25
|
+
declare function MenubarCheckboxItem({ className, children, checked: checkedProp, defaultChecked, onCheckedChange, inset, disabled, closeOnSelect, onClick, ...props }: ViewProps & {
|
|
26
|
+
checked?: boolean;
|
|
27
|
+
defaultChecked?: boolean;
|
|
28
|
+
onCheckedChange?: (checked: boolean) => void;
|
|
29
|
+
inset?: boolean;
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
closeOnSelect?: boolean;
|
|
32
|
+
}): React.JSX.Element;
|
|
33
|
+
declare function MenubarRadioGroup({ value: valueProp, defaultValue, onValueChange, ...props }: ViewProps & {
|
|
34
|
+
value?: string;
|
|
35
|
+
defaultValue?: string;
|
|
36
|
+
onValueChange?: (value: string) => void;
|
|
37
|
+
}): React.JSX.Element;
|
|
38
|
+
declare function MenubarRadioItem({ className, children, value, checked: checkedProp, inset, disabled, closeOnSelect, onClick, ...props }: ViewProps & {
|
|
39
|
+
value: string;
|
|
40
|
+
checked?: boolean;
|
|
41
|
+
inset?: boolean;
|
|
42
|
+
disabled?: boolean;
|
|
43
|
+
closeOnSelect?: boolean;
|
|
44
|
+
}): React.JSX.Element;
|
|
45
|
+
declare function MenubarLabel({ className, inset, ...props }: ViewProps & {
|
|
46
|
+
inset?: boolean;
|
|
47
|
+
}): React.JSX.Element;
|
|
48
|
+
declare function MenubarSeparator({ className, ...props }: ViewProps): React.JSX.Element;
|
|
49
|
+
declare function MenubarShortcut({ className, ...props }: ViewProps): React.JSX.Element;
|
|
50
|
+
declare function MenubarSub({ open: openProp, defaultOpen, onOpenChange, children, }: {
|
|
51
|
+
open?: boolean;
|
|
52
|
+
defaultOpen?: boolean;
|
|
53
|
+
onOpenChange?: (open: boolean) => void;
|
|
54
|
+
children?: React.ReactNode;
|
|
55
|
+
}): React.JSX.Element;
|
|
56
|
+
declare function MenubarSubTrigger({ className, inset, disabled, children, onClick, ...props }: ViewProps & {
|
|
57
|
+
inset?: boolean;
|
|
58
|
+
disabled?: boolean;
|
|
59
|
+
}): React.JSX.Element;
|
|
60
|
+
declare function MenubarSubContent({ className, align, side, sideOffset, children, ...props }: ViewProps & {
|
|
61
|
+
align?: MenuAlign;
|
|
62
|
+
side?: MenuSide;
|
|
63
|
+
sideOffset?: number;
|
|
64
|
+
}): React.JSX.Element | null;
|
|
65
|
+
export { Menubar, MenubarPortal, MenubarMenu, MenubarTrigger, MenubarContent, MenubarGroup, MenubarSeparator, MenubarLabel, MenubarItem, MenubarShortcut, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarSub, MenubarSubTrigger, MenubarSubContent, };
|