vxui-re 1.0.2 → 1.0.3
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/README.md +1 -3
- package/README.zh.md +1 -3
- package/package.json +1 -1
- package/dist/.assetsignore +0 -2
- package/dist/404.html +0 -18
- package/dist/colorful_flat_icon.ico +0 -0
- package/dist/colorful_flat_icon.svg +0 -46
- package/dist/index.cjs +0 -144
- package/dist/index.css +0 -1
- package/dist/index.d.ts +0 -2
- package/dist/index.js +0 -13289
- package/dist/src/components/Accordion.d.ts +0 -14
- package/dist/src/components/Alert.d.ts +0 -10
- package/dist/src/components/AppShell.d.ts +0 -33
- package/dist/src/components/Article.d.ts +0 -72
- package/dist/src/components/Avatar.d.ts +0 -12
- package/dist/src/components/Badge.d.ts +0 -7
- package/dist/src/components/Breadcrumb.d.ts +0 -12
- package/dist/src/components/Button.d.ts +0 -18
- package/dist/src/components/Calendar.d.ts +0 -10
- package/dist/src/components/Card.d.ts +0 -17
- package/dist/src/components/Carousel.d.ts +0 -15
- package/dist/src/components/Checkbox.d.ts +0 -7
- package/dist/src/components/CodeBlock.d.ts +0 -9
- package/dist/src/components/ColorPicker.d.ts +0 -13
- package/dist/src/components/CommandPalette.d.ts +0 -22
- package/dist/src/components/ContextMenu.d.ts +0 -20
- package/dist/src/components/DatePicker.d.ts +0 -15
- package/dist/src/components/Descriptions.d.ts +0 -29
- package/dist/src/components/Dialog.d.ts +0 -49
- package/dist/src/components/DropdownMenu.d.ts +0 -55
- package/dist/src/components/EmptyState.d.ts +0 -9
- package/dist/src/components/FileUpload.d.ts +0 -17
- package/dist/src/components/Form.d.ts +0 -28
- package/dist/src/components/Heading.d.ts +0 -13
- package/dist/src/components/HoverCard.d.ts +0 -11
- package/dist/src/components/Image.d.ts +0 -30
- package/dist/src/components/Input.d.ts +0 -18
- package/dist/src/components/Label.d.ts +0 -5
- package/dist/src/components/LanguageSwitcher.d.ts +0 -9
- package/dist/src/components/Menubar.d.ts +0 -24
- package/dist/src/components/MultiSelect.d.ts +0 -27
- package/dist/src/components/NavigationMenu.d.ts +0 -20
- package/dist/src/components/Notification.d.ts +0 -30
- package/dist/src/components/NumberInput.d.ts +0 -12
- package/dist/src/components/Pagination.d.ts +0 -9
- package/dist/src/components/PinInput.d.ts +0 -37
- package/dist/src/components/Popover.d.ts +0 -13
- package/dist/src/components/Progress.d.ts +0 -11
- package/dist/src/components/Radio.d.ts +0 -12
- package/dist/src/components/Rating.d.ts +0 -14
- package/dist/src/components/Resizable.d.ts +0 -35
- package/dist/src/components/Responsive.d.ts +0 -25
- package/dist/src/components/Result.d.ts +0 -18
- package/dist/src/components/ScrollArea.d.ts +0 -21
- package/dist/src/components/SegmentedControl.d.ts +0 -16
- package/dist/src/components/Select.d.ts +0 -31
- package/dist/src/components/Separator.d.ts +0 -6
- package/dist/src/components/Sheet/Sheet.d.ts +0 -30
- package/dist/src/components/Sheet/SheetPanel.d.ts +0 -44
- package/dist/src/components/Sheet/index.d.ts +0 -2
- package/dist/src/components/Sheet/useSheetState.d.ts +0 -34
- package/dist/src/components/Shell.d.ts +0 -88
- package/dist/src/components/Skeleton.d.ts +0 -8
- package/dist/src/components/Slider.d.ts +0 -7
- package/dist/src/components/Spinner.d.ts +0 -8
- package/dist/src/components/Stepper.d.ts +0 -14
- package/dist/src/components/Switch.d.ts +0 -7
- package/dist/src/components/Table.d.ts +0 -90
- package/dist/src/components/Tabs.d.ts +0 -5
- package/dist/src/components/TagInput.d.ts +0 -18
- package/dist/src/components/Text.d.ts +0 -14
- package/dist/src/components/Textarea.d.ts +0 -7
- package/dist/src/components/ThemeProvider.d.ts +0 -51
- package/dist/src/components/TimePicker.d.ts +0 -14
- package/dist/src/components/Timeline.d.ts +0 -14
- package/dist/src/components/Toast.d.ts +0 -15
- package/dist/src/components/Toggle.d.ts +0 -24
- package/dist/src/components/Tooltip.d.ts +0 -11
- package/dist/src/components/TreeView.d.ts +0 -20
- package/dist/src/components/__tests__/Accordion.test.d.ts +0 -1
- package/dist/src/components/__tests__/ActionSheet.test.d.ts +0 -1
- package/dist/src/components/__tests__/Alert.test.d.ts +0 -1
- package/dist/src/components/__tests__/AlertDialog.test.d.ts +0 -1
- package/dist/src/components/__tests__/AppShell.test.d.ts +0 -1
- package/dist/src/components/__tests__/Avatar.test.d.ts +0 -1
- package/dist/src/components/__tests__/Badge.test.d.ts +0 -1
- package/dist/src/components/__tests__/BottomNav.test.d.ts +0 -1
- package/dist/src/components/__tests__/Breadcrumb.test.d.ts +0 -1
- package/dist/src/components/__tests__/Button.test.d.ts +0 -1
- package/dist/src/components/__tests__/Calendar.test.d.ts +0 -1
- package/dist/src/components/__tests__/Card.test.d.ts +0 -1
- package/dist/src/components/__tests__/Carousel.test.d.ts +0 -1
- package/dist/src/components/__tests__/Checkbox.test.d.ts +0 -1
- package/dist/src/components/__tests__/CodeBlock.test.d.ts +0 -1
- package/dist/src/components/__tests__/ColorPicker.test.d.ts +0 -1
- package/dist/src/components/__tests__/CommandPalette.test.d.ts +0 -1
- package/dist/src/components/__tests__/ContextMenu.test.d.ts +0 -1
- package/dist/src/components/__tests__/DatePicker.test.d.ts +0 -1
- package/dist/src/components/__tests__/Dialog.test.d.ts +0 -1
- package/dist/src/components/__tests__/DialogFormControls.test.d.ts +0 -1
- package/dist/src/components/__tests__/DropdownMenu.test.d.ts +0 -1
- package/dist/src/components/__tests__/EmptyState.test.d.ts +0 -1
- package/dist/src/components/__tests__/FileUpload.test.d.ts +0 -1
- package/dist/src/components/__tests__/Form.test.d.ts +0 -1
- package/dist/src/components/__tests__/Heading.test.d.ts +0 -1
- package/dist/src/components/__tests__/HoverCard.test.d.ts +0 -1
- package/dist/src/components/__tests__/Input.test.d.ts +0 -1
- package/dist/src/components/__tests__/Label.test.d.ts +0 -1
- package/dist/src/components/__tests__/LanguageSwitcher.test.d.ts +0 -1
- package/dist/src/components/__tests__/Menubar.test.d.ts +0 -1
- package/dist/src/components/__tests__/MobileDrawer.test.d.ts +0 -1
- package/dist/src/components/__tests__/MobileList.test.d.ts +0 -1
- package/dist/src/components/__tests__/MultiSelect.test.d.ts +0 -1
- package/dist/src/components/__tests__/NavigationMenu.test.d.ts +0 -1
- package/dist/src/components/__tests__/NumberInput.test.d.ts +0 -1
- package/dist/src/components/__tests__/Pagination.test.d.ts +0 -1
- package/dist/src/components/__tests__/Popover.test.d.ts +0 -1
- package/dist/src/components/__tests__/Progress.test.d.ts +0 -1
- package/dist/src/components/__tests__/Radio.test.d.ts +0 -1
- package/dist/src/components/__tests__/Rating.test.d.ts +0 -1
- package/dist/src/components/__tests__/Resizable.test.d.ts +0 -1
- package/dist/src/components/__tests__/Responsive.test.d.ts +0 -1
- package/dist/src/components/__tests__/ScrollArea.test.d.ts +0 -1
- package/dist/src/components/__tests__/SegmentedControl.test.d.ts +0 -1
- package/dist/src/components/__tests__/Select.test.d.ts +0 -1
- package/dist/src/components/__tests__/Separator.test.d.ts +0 -1
- package/dist/src/components/__tests__/Sheet.test.d.ts +0 -1
- package/dist/src/components/__tests__/Shell.test.d.ts +0 -1
- package/dist/src/components/__tests__/Skeleton.test.d.ts +0 -1
- package/dist/src/components/__tests__/Slider.test.d.ts +0 -1
- package/dist/src/components/__tests__/Spinner.test.d.ts +0 -1
- package/dist/src/components/__tests__/Stepper.test.d.ts +0 -1
- package/dist/src/components/__tests__/Switch.test.d.ts +0 -1
- package/dist/src/components/__tests__/Table.test.d.ts +0 -1
- package/dist/src/components/__tests__/Tabs.test.d.ts +0 -1
- package/dist/src/components/__tests__/TagInput.test.d.ts +0 -1
- package/dist/src/components/__tests__/Text.test.d.ts +0 -1
- package/dist/src/components/__tests__/Textarea.test.d.ts +0 -1
- package/dist/src/components/__tests__/ThemeProvider.test.d.ts +0 -1
- package/dist/src/components/__tests__/TimePicker.test.d.ts +0 -1
- package/dist/src/components/__tests__/Timeline.test.d.ts +0 -1
- package/dist/src/components/__tests__/Toast.test.d.ts +0 -1
- package/dist/src/components/__tests__/Toggle.test.d.ts +0 -1
- package/dist/src/components/__tests__/Tooltip.test.d.ts +0 -1
- package/dist/src/components/__tests__/TreeView.test.d.ts +0 -1
- package/dist/src/components/mobile/ActionSheet.d.ts +0 -15
- package/dist/src/components/mobile/BottomNav.d.ts +0 -23
- package/dist/src/components/mobile/MobileApp.d.ts +0 -1
- package/dist/src/components/mobile/MobileDrawer.d.ts +0 -31
- package/dist/src/components/mobile/MobileList.d.ts +0 -24
- package/dist/src/components/mobile/MobilePreviewPage.d.ts +0 -5
- package/dist/src/components/mobile/MobileShell.d.ts +0 -24
- package/dist/src/components/pages/ErrorPage.d.ts +0 -9
- package/dist/src/components/pages/HomePage.d.ts +0 -10
- package/dist/src/components/pages/LoginPage.d.ts +0 -12
- package/dist/src/components/pages/PrivacyPolicyPage.d.ts +0 -5
- package/dist/src/components/pages/RegisterPage.d.ts +0 -14
- package/dist/src/components/pages/TermsOfServicePage.d.ts +0 -5
- package/dist/src/components/pages/homePageContent.d.ts +0 -25
- package/dist/src/components/pages/legalPageContent.d.ts +0 -15
- package/dist/src/lib/VXUIProvider.d.ts +0 -29
- package/dist/src/lib/__tests__/cx.test.d.ts +0 -1
- package/dist/src/lib/__tests__/viewport.test.d.ts +0 -1
- package/dist/src/lib/breakpoints.d.ts +0 -63
- package/dist/src/lib/cx.d.ts +0 -1
- package/dist/src/lib/dialogPopover.d.ts +0 -30
- package/dist/src/lib/index.d.ts +0 -152
- package/dist/src/lib/version.d.ts +0 -1
- package/dist/src/lib/viewport.d.ts +0 -21
- package/dist/wrangler.json +0 -1
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export interface MobileShellProps {
|
|
3
|
-
/** 固定在顶部的导航栏区域 */
|
|
4
|
-
topBar?: ReactNode;
|
|
5
|
-
/** 固定在底部的导航栏区域 */
|
|
6
|
-
bottomNav?: ReactNode;
|
|
7
|
-
children: ReactNode;
|
|
8
|
-
className?: string;
|
|
9
|
-
}
|
|
10
|
-
export declare function MobileShell({ topBar, bottomNav, children, className }: MobileShellProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export interface MobileTopBarProps {
|
|
12
|
-
/** 标题文本或节点 */
|
|
13
|
-
title?: ReactNode;
|
|
14
|
-
/** 左侧区域,通常为返回按钮 */
|
|
15
|
-
leading?: ReactNode;
|
|
16
|
-
/** 右侧区域,通常为操作按钮 */
|
|
17
|
-
trailing?: ReactNode;
|
|
18
|
-
className?: string;
|
|
19
|
-
}
|
|
20
|
-
export declare function MobileTopBar({ title, leading, trailing, className }: MobileTopBarProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export interface MobileIconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
22
|
-
label: string;
|
|
23
|
-
}
|
|
24
|
-
export declare function MobileIconButton({ label, className, children, ...props }: MobileIconButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
interface ErrorPageProps {
|
|
2
|
-
statusCode?: number;
|
|
3
|
-
requestedPath?: string;
|
|
4
|
-
onHome: () => void;
|
|
5
|
-
onDocs: () => void;
|
|
6
|
-
onBack: () => void;
|
|
7
|
-
}
|
|
8
|
-
export declare function ErrorPage({ statusCode, requestedPath, onHome, onDocs, onBack, }: ErrorPageProps): import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface HomePageProps {
|
|
2
|
-
viewerName?: string | null;
|
|
3
|
-
onLogin: () => void;
|
|
4
|
-
onRegister: () => void;
|
|
5
|
-
onDocs: (pageKey?: string) => void;
|
|
6
|
-
onPrivacy: () => void;
|
|
7
|
-
onLogout?: () => void;
|
|
8
|
-
}
|
|
9
|
-
export declare function HomePage({ viewerName, onLogin, onRegister, onDocs, onPrivacy, onLogout, }: HomePageProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
interface LoginPageProps {
|
|
2
|
-
onLogin: (payload: {
|
|
3
|
-
email: string;
|
|
4
|
-
password: string;
|
|
5
|
-
remember: boolean;
|
|
6
|
-
}) => Promise<void> | void;
|
|
7
|
-
onRegister: () => void;
|
|
8
|
-
onGuest: () => void;
|
|
9
|
-
onBack: () => void;
|
|
10
|
-
}
|
|
11
|
-
export declare function LoginPage({ onLogin, onRegister, onGuest, onBack }: LoginPageProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
interface RegisterPageProps {
|
|
2
|
-
onRegister: (payload: {
|
|
3
|
-
name: string;
|
|
4
|
-
email: string;
|
|
5
|
-
password: string;
|
|
6
|
-
}) => Promise<void> | void;
|
|
7
|
-
onLogin: () => void;
|
|
8
|
-
onGuest: () => void;
|
|
9
|
-
onPrivacy: () => void;
|
|
10
|
-
onTerms: () => void;
|
|
11
|
-
onBack: () => void;
|
|
12
|
-
}
|
|
13
|
-
export declare function RegisterPage({ onRegister, onLogin, onGuest, onPrivacy, onTerms, onBack }: RegisterPageProps): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { LucideIcon } from 'lucide-react';
|
|
2
|
-
import { Translations } from '../../i18n';
|
|
3
|
-
export interface PublicHomeFeature {
|
|
4
|
-
key: string;
|
|
5
|
-
icon: LucideIcon;
|
|
6
|
-
title: string;
|
|
7
|
-
description: string;
|
|
8
|
-
}
|
|
9
|
-
export interface PublicHomePreviewSection {
|
|
10
|
-
id: string;
|
|
11
|
-
icon: LucideIcon;
|
|
12
|
-
label: string;
|
|
13
|
-
meta: string;
|
|
14
|
-
}
|
|
15
|
-
export interface PublicHomeMetaItem {
|
|
16
|
-
key: string;
|
|
17
|
-
icon: LucideIcon;
|
|
18
|
-
title: string;
|
|
19
|
-
lines: string[];
|
|
20
|
-
}
|
|
21
|
-
export declare function getPublicHomeContent(t: Translations): {
|
|
22
|
-
features: PublicHomeFeature[];
|
|
23
|
-
previewSections: PublicHomePreviewSection[];
|
|
24
|
-
metaItems: PublicHomeMetaItem[];
|
|
25
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export interface LegalPageSection {
|
|
2
|
-
title: string;
|
|
3
|
-
paragraphs: string[];
|
|
4
|
-
}
|
|
5
|
-
export interface LegalPageContent {
|
|
6
|
-
badgeLabel: string;
|
|
7
|
-
title: string;
|
|
8
|
-
lead: string;
|
|
9
|
-
meta: string[];
|
|
10
|
-
summaryTitle: string;
|
|
11
|
-
summaryItems: string[];
|
|
12
|
-
sections: LegalPageSection[];
|
|
13
|
-
}
|
|
14
|
-
export declare function getPrivacyPolicyContent(locale: string): LegalPageContent;
|
|
15
|
-
export declare function getTermsOfServiceContent(locale: string): LegalPageContent;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { ThemeRegistry } from '../components/ThemeProvider';
|
|
3
|
-
export interface VXUIProviderProps {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
/**
|
|
6
|
-
* 主题配置,传递给 ThemeProvider。
|
|
7
|
-
* 包含预设主题和自定义主题。
|
|
8
|
-
*/
|
|
9
|
-
themes?: ThemeRegistry;
|
|
10
|
-
/** 默认主题名称 */
|
|
11
|
-
defaultTheme?: string;
|
|
12
|
-
/** localStorage 存储键名 */
|
|
13
|
-
storageKey?: string;
|
|
14
|
-
}
|
|
15
|
-
/**
|
|
16
|
-
* 组合 Provider,一次性挂载 ThemeProvider、ViewportProvider、ToastProvider。
|
|
17
|
-
*
|
|
18
|
-
* 等价于:
|
|
19
|
-
* ```tsx
|
|
20
|
-
* <ThemeProvider themes={themes} defaultTheme={defaultTheme}>
|
|
21
|
-
* <ViewportProvider>
|
|
22
|
-
* <ToastProvider>
|
|
23
|
-
* {children}
|
|
24
|
-
* </ToastProvider>
|
|
25
|
-
* </ViewportProvider>
|
|
26
|
-
* </ThemeProvider>
|
|
27
|
-
* ```
|
|
28
|
-
*/
|
|
29
|
-
export declare function VXUIProvider({ children, themes, defaultTheme, storageKey, }: VXUIProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Unified breakpoint constants shared between JS and CSS.
|
|
3
|
-
*
|
|
4
|
-
* ── 断点系统说明 ─────────────────────────────────────────────
|
|
5
|
-
*
|
|
6
|
-
* 本系统有两套断点,用途不同,请勿混淆:
|
|
7
|
-
*
|
|
8
|
-
* 1. CSS 布局断点 (CSS Media Query Breakpoints)
|
|
9
|
-
* ──────────────────────────────────────────
|
|
10
|
-
* 用于控制页面布局在不同视口宽度下的表现。
|
|
11
|
-
* sm: 640px — 手机布局断点
|
|
12
|
-
* md: 768px — 平板布局断点
|
|
13
|
-
* lg: 1000px — 桌面布局断点
|
|
14
|
-
*
|
|
15
|
-
* 这些值必须与 CSS 变量保持一致:
|
|
16
|
-
* --vx-breakpoint-sm: 640px
|
|
17
|
-
* --vx-breakpoint-md: 768px
|
|
18
|
-
* --vx-breakpoint-lg: 1000px
|
|
19
|
-
*
|
|
20
|
-
* 2. 设备检测断点 (Device Detection Breakpoints)
|
|
21
|
-
* ──────────────────────────────────────────
|
|
22
|
-
* 用于 JS 端判断设备类型(phone / tablet / desktop)。
|
|
23
|
-
* 基于物理屏幕尺寸(window.screen.width),而非视口宽度。
|
|
24
|
-
* PHONE_MAX_WIDTH = 1000
|
|
25
|
-
*
|
|
26
|
-
* 为什么设备检测使用 1000px 而不是 640px?
|
|
27
|
-
* - 物理屏幕宽度 ≤ 1000px 的设备可能是手机或平板
|
|
28
|
-
* - 物理屏幕宽度 > 1000px 的肯定是桌面显示器
|
|
29
|
-
* - 手机和平板的区分通过宽高比(aspect ratio)实现
|
|
30
|
-
* - 这样可以避免桌面浏览器窗口缩小时被误判为手机
|
|
31
|
-
*
|
|
32
|
-
* 3. 为什么 CSS 布局断点用 640px 而设备检测用 1000px?
|
|
33
|
-
* ──────────────────────────────────────────
|
|
34
|
-
* CSS 媒体查询基于视口宽度(viewport width),
|
|
35
|
-
* 而设备检测基于物理屏幕宽度(screen.width)。
|
|
36
|
-
* 两者是不同的概念:
|
|
37
|
-
* - 一个 1024px 物理宽度的平板,在分屏模式下视口可能只有 512px
|
|
38
|
-
* - CSS 需要在视口 640px 时就切换到手机布局
|
|
39
|
-
* - 但设备检测仍应识别为平板(物理宽度 > 640px)
|
|
40
|
-
*
|
|
41
|
-
* 因此这两套断点值不同是合理的,不需要强行统一。
|
|
42
|
-
* 关键是要在代码中明确区分它们的用途。
|
|
43
|
-
*
|
|
44
|
-
* ─────────────────────────────────────────────────────────────
|
|
45
|
-
*/
|
|
46
|
-
export declare const BREAKPOINTS: {
|
|
47
|
-
/** CSS 布局断点 - 手机布局 (max-width: 640px) */
|
|
48
|
-
readonly sm: 640;
|
|
49
|
-
/** CSS 布局断点 - 平板布局 (max-width: 768px) */
|
|
50
|
-
readonly md: 768;
|
|
51
|
-
/** CSS 布局断点 - 桌面布局 (min-width: 1000px) */
|
|
52
|
-
readonly lg: 1000;
|
|
53
|
-
};
|
|
54
|
-
/**
|
|
55
|
-
* 设备检测 - 物理屏幕宽度阈值。
|
|
56
|
-
* 物理宽度 ≤ PHONE_MAX_WIDTH 的设备可能是手机或平板,
|
|
57
|
-
* 具体通过宽高比进一步区分。
|
|
58
|
-
*/
|
|
59
|
-
export declare const PHONE_MAX_WIDTH: 1000;
|
|
60
|
-
/** 宽高比阈值:低于此值判定为手机(窄屏设备) */
|
|
61
|
-
export declare const PHONE_ASPECT_RATIO_THRESHOLD = 0.7;
|
|
62
|
-
/** 宽高比阈值:低于此值且宽度 ≤ PHONE_MAX_WIDTH 判定为手机 */
|
|
63
|
-
export declare const TABLET_ASPECT_RATIO_THRESHOLD = 0.75;
|
package/dist/src/lib/cx.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare function cx(...values: Array<string | false | null | undefined>): string;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* DialogContentContext — 允许 Dialog 组件将 content ref 传递给子组件,
|
|
3
|
-
* 替代通过 CSS 类名选择器查找 DOM 节点的脆弱方式。
|
|
4
|
-
*
|
|
5
|
-
* Select、MultiSelect、DatePicker 等组件通过此 context 获取 dialog content
|
|
6
|
-
* 元素,将 dropdown 面板 portal 到 dialog 内部以避免 z-index 裁剪问题。
|
|
7
|
-
*/
|
|
8
|
-
export declare const DialogContentContext: import('react').Context<HTMLElement | null>;
|
|
9
|
-
/**
|
|
10
|
-
* 获取 dialog content 元素引用。
|
|
11
|
-
* 优先使用 React Context,回退到 DOM 选择器方式以保持向后兼容。
|
|
12
|
-
*/
|
|
13
|
-
export declare function getDialogContent(node: HTMLElement | null): HTMLElement | null;
|
|
14
|
-
/**
|
|
15
|
-
* Determine if a popover/dropdown should be rendered inline or portaled.
|
|
16
|
-
*
|
|
17
|
-
* On mobile, dropdowns use Sheet component which always portals to body,
|
|
18
|
-
* so shouldInline is always false. On desktop, dropdowns use fixed-position
|
|
19
|
-
* popovers that should be portaled into the dialog content if inside a dialog
|
|
20
|
-
* to avoid z-index clipping issues.
|
|
21
|
-
*/
|
|
22
|
-
export declare function getDialogPopoverContext(node: HTMLElement | null): {
|
|
23
|
-
dialogContent: HTMLElement | null;
|
|
24
|
-
shouldInline: boolean;
|
|
25
|
-
};
|
|
26
|
-
/**
|
|
27
|
-
* Hook for components that need to portal their dropdown into a dialog.
|
|
28
|
-
* Prefer this over getDialogPopoverContext for new code.
|
|
29
|
-
*/
|
|
30
|
-
export declare function useDialogContentRef(): HTMLElement | null;
|
package/dist/src/lib/index.d.ts
DELETED
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
export { BREAKPOINTS, PHONE_MAX_WIDTH, PHONE_ASPECT_RATIO_THRESHOLD, TABLET_ASPECT_RATIO_THRESHOLD } from './breakpoints';
|
|
2
|
-
export type { ViewportType, ViewportContextValue, ViewportProviderProps } from './viewport';
|
|
3
|
-
export { ViewportProvider, useViewport } from './viewport';
|
|
4
|
-
export { Responsive } from '../components/Responsive';
|
|
5
|
-
export type { ResponsiveProps } from '../components/Responsive';
|
|
6
|
-
export { VXUIProvider } from './VXUIProvider';
|
|
7
|
-
export type { VXUIProviderProps } from './VXUIProvider';
|
|
8
|
-
export { AppShell } from '../components/AppShell';
|
|
9
|
-
export type { AppShellProps, AppShellNavItem, AppShellNavSection } from '../components/AppShell';
|
|
10
|
-
export { Shell, ShellSidebar, ShellNav, ShellNavSection, ShellNavItem, ShellOverlay, ShellMain, ShellTopbar, ShellContent, } from '../components/Shell';
|
|
11
|
-
export type { ShellProps, ShellSidebarProps, ShellNavProps, ShellNavSectionProps, ShellNavItemProps, ShellOverlayProps, ShellMainProps, ShellTopbarProps, ShellContentProps, ShellNavItem as ShellNavItemType, ShellNavSection as ShellNavSectionType, } from '../components/Shell';
|
|
12
|
-
export { Badge } from '../components/Badge';
|
|
13
|
-
export { Button } from '../components/Button';
|
|
14
|
-
export { Card, CardContent, CardDescription, CardHeader, CardTitle } from '../components/Card';
|
|
15
|
-
export { Dialog, DialogClose } from '../components/Dialog';
|
|
16
|
-
export type { DialogProps, DialogSize, DialogPadding, DialogPlacement } from '../components/Dialog';
|
|
17
|
-
export { Input } from '../components/Input';
|
|
18
|
-
export { Switch } from '../components/Switch';
|
|
19
|
-
export { Tabs, TabsContent, TabsList, TabsTrigger } from '../components/Tabs';
|
|
20
|
-
export { ThemeProvider, createTheme, themePresets, useTheme, } from '../components/ThemeProvider';
|
|
21
|
-
export type { ThemeDefinition, ThemeMode, ThemeRegistry, ThemeTokens, } from '../components/ThemeProvider';
|
|
22
|
-
export { ToastProvider, useToast } from '../components/Toast';
|
|
23
|
-
export { Text } from '../components/Text';
|
|
24
|
-
export type { TextProps } from '../components/Text';
|
|
25
|
-
export { Heading } from '../components/Heading';
|
|
26
|
-
export type { HeadingProps } from '../components/Heading';
|
|
27
|
-
export { Select } from '../components/Select';
|
|
28
|
-
export type { SelectProps, SelectOption } from '../components/Select';
|
|
29
|
-
export { Checkbox } from '../components/Checkbox';
|
|
30
|
-
export type { CheckboxProps } from '../components/Checkbox';
|
|
31
|
-
export { SegmentedControl } from '../components/SegmentedControl';
|
|
32
|
-
export type { SegmentedControlProps, SegmentedControlOption } from '../components/SegmentedControl';
|
|
33
|
-
export { Radio, RadioGroup } from '../components/Radio';
|
|
34
|
-
export type { RadioProps, RadioGroupProps } from '../components/Radio';
|
|
35
|
-
export { Textarea } from '../components/Textarea';
|
|
36
|
-
export type { TextareaProps } from '../components/Textarea';
|
|
37
|
-
export { Slider } from '../components/Slider';
|
|
38
|
-
export type { SliderProps } from '../components/Slider';
|
|
39
|
-
export { Spinner } from '../components/Spinner';
|
|
40
|
-
export type { SpinnerProps } from '../components/Spinner';
|
|
41
|
-
export { Progress } from '../components/Progress';
|
|
42
|
-
export type { ProgressProps } from '../components/Progress';
|
|
43
|
-
export { Alert } from '../components/Alert';
|
|
44
|
-
export type { AlertProps } from '../components/Alert';
|
|
45
|
-
export { Skeleton } from '../components/Skeleton';
|
|
46
|
-
export type { SkeletonProps } from '../components/Skeleton';
|
|
47
|
-
export { Tooltip } from '../components/Tooltip';
|
|
48
|
-
export type { TooltipProps } from '../components/Tooltip';
|
|
49
|
-
export { Popover } from '../components/Popover';
|
|
50
|
-
export type { PopoverProps } from '../components/Popover';
|
|
51
|
-
export { DropdownMenu } from '../components/DropdownMenu';
|
|
52
|
-
export type { DropdownMenuProps, DropdownMenuItemProps, DropdownMenuGroupProps, DropdownMenuItemType } from '../components/DropdownMenu';
|
|
53
|
-
export { Breadcrumb } from '../components/Breadcrumb';
|
|
54
|
-
export type { BreadcrumbProps, BreadcrumbItem } from '../components/Breadcrumb';
|
|
55
|
-
export { Pagination } from '../components/Pagination';
|
|
56
|
-
export type { PaginationProps } from '../components/Pagination';
|
|
57
|
-
export { Accordion } from '../components/Accordion';
|
|
58
|
-
export type { AccordionProps, AccordionItem } from '../components/Accordion';
|
|
59
|
-
export { Separator } from '../components/Separator';
|
|
60
|
-
export type { SeparatorProps } from '../components/Separator';
|
|
61
|
-
export { Avatar } from '../components/Avatar';
|
|
62
|
-
export type { AvatarProps } from '../components/Avatar';
|
|
63
|
-
export { Table } from '../components/Table';
|
|
64
|
-
export type { TableProps, TableColumn, SortDirection } from '../components/Table';
|
|
65
|
-
export { MobileShell, MobileTopBar, MobileIconButton } from '../components/mobile/MobileShell';
|
|
66
|
-
export type { MobileShellProps, MobileTopBarProps, MobileIconButtonProps } from '../components/mobile/MobileShell';
|
|
67
|
-
export { BottomNav } from '../components/mobile/BottomNav';
|
|
68
|
-
export type { BottomNavProps, BottomNavItem } from '../components/mobile/BottomNav';
|
|
69
|
-
export { MobileList, MobileListSection, MobileListItem } from '../components/mobile/MobileList';
|
|
70
|
-
export type { MobileListSectionProps, MobileListItemProps } from '../components/mobile/MobileList';
|
|
71
|
-
export { Label } from '../components/Label';
|
|
72
|
-
export type { LabelProps } from '../components/Label';
|
|
73
|
-
export { Form, FormField, FormLabel, FormDescription, FormMessage, useFormField } from '../components/Form';
|
|
74
|
-
export type { FormProps, FormFieldProps, FormLabelProps, FormDescriptionProps, FormMessageProps } from '../components/Form';
|
|
75
|
-
export { NumberInput } from '../components/NumberInput';
|
|
76
|
-
export type { NumberInputProps } from '../components/NumberInput';
|
|
77
|
-
export { Calendar } from '../components/Calendar';
|
|
78
|
-
export type { CalendarProps } from '../components/Calendar';
|
|
79
|
-
export { DatePicker } from '../components/DatePicker';
|
|
80
|
-
export type { DatePickerProps } from '../components/DatePicker';
|
|
81
|
-
export { MultiSelect } from '../components/MultiSelect';
|
|
82
|
-
export type { MultiSelectProps, MultiSelectOption } from '../components/MultiSelect';
|
|
83
|
-
export { TimePicker } from '../components/TimePicker';
|
|
84
|
-
export type { TimePickerProps } from '../components/TimePicker';
|
|
85
|
-
export { FileUpload } from '../components/FileUpload';
|
|
86
|
-
export type { FileUploadProps, UploadedFile } from '../components/FileUpload';
|
|
87
|
-
export { Sheet } from '../components/Sheet';
|
|
88
|
-
export type { SheetProps, SheetSide, SheetVariant, SheetActionItemProps } from '../components/Sheet';
|
|
89
|
-
/**
|
|
90
|
-
* @deprecated 使用统一的 Sheet 组件替代。
|
|
91
|
-
* ActionSheet 将在下一个 major 版本中移除,请迁移到 Sheet 组件:
|
|
92
|
-
* <Sheet variant="action" side="bottom">
|
|
93
|
-
* @see {@link Sheet} 统一 Sheet 组件
|
|
94
|
-
*/
|
|
95
|
-
export { ActionSheet, ActionSheetItem } from '../components/mobile/ActionSheet';
|
|
96
|
-
export type { ActionSheetProps, ActionSheetItemProps } from '../components/mobile/ActionSheet';
|
|
97
|
-
/**
|
|
98
|
-
* @deprecated 使用统一的 Sheet 组件替代。
|
|
99
|
-
* MobileDrawer 将在下一个 major 版本中移除,请迁移到 Sheet 组件:
|
|
100
|
-
* <Sheet side="left">
|
|
101
|
-
* @see {@link Sheet} 统一 Sheet 组件
|
|
102
|
-
*/
|
|
103
|
-
export { MobileDrawer, DrawerNavItem, DrawerNavSection } from '../components/mobile/MobileDrawer';
|
|
104
|
-
export type { MobileDrawerProps, DrawerNavItemProps, DrawerNavSectionProps } from '../components/mobile/MobileDrawer';
|
|
105
|
-
export { ScrollArea } from '../components/ScrollArea';
|
|
106
|
-
export type { ScrollAreaProps } from '../components/ScrollArea';
|
|
107
|
-
export { Toggle, ToggleGroup } from '../components/Toggle';
|
|
108
|
-
export type { ToggleProps, ToggleGroupProps, ToggleGroupItem } from '../components/Toggle';
|
|
109
|
-
export { ContextMenu } from '../components/ContextMenu';
|
|
110
|
-
export type { ContextMenuProps, ContextMenuItemProps, ContextMenuGroupProps } from '../components/ContextMenu';
|
|
111
|
-
export { HoverCard } from '../components/HoverCard';
|
|
112
|
-
export type { HoverCardProps, HoverCardPlacement } from '../components/HoverCard';
|
|
113
|
-
export { Menubar } from '../components/Menubar';
|
|
114
|
-
export type { MenubarProps, MenubarMenuProps, MenubarGroupProps, MenubarItemProps } from '../components/Menubar';
|
|
115
|
-
export { NavigationMenu } from '../components/NavigationMenu';
|
|
116
|
-
export type { NavigationMenuProps, NavMenuItem, NavMenuSubItem } from '../components/NavigationMenu';
|
|
117
|
-
export { Stepper } from '../components/Stepper';
|
|
118
|
-
export type { StepperProps, StepItem, StepStatus } from '../components/Stepper';
|
|
119
|
-
export { Timeline } from '../components/Timeline';
|
|
120
|
-
export type { TimelineProps, TimelineItem, TimelineItemStatus } from '../components/Timeline';
|
|
121
|
-
export { EmptyState } from '../components/EmptyState';
|
|
122
|
-
export type { EmptyStateProps } from '../components/EmptyState';
|
|
123
|
-
export { Carousel } from '../components/Carousel';
|
|
124
|
-
export type { CarouselProps } from '../components/Carousel';
|
|
125
|
-
export { Rating } from '../components/Rating';
|
|
126
|
-
export type { RatingProps } from '../components/Rating';
|
|
127
|
-
export { TreeView } from '../components/TreeView';
|
|
128
|
-
export type { TreeViewProps, TreeNode } from '../components/TreeView';
|
|
129
|
-
export { TagInput } from '../components/TagInput';
|
|
130
|
-
export type { TagInputProps } from '../components/TagInput';
|
|
131
|
-
export { ColorPicker } from '../components/ColorPicker';
|
|
132
|
-
export type { ColorPickerProps } from '../components/ColorPicker';
|
|
133
|
-
export { ResizablePanelGroup, ResizablePanel, ResizableHandle } from '../components/Resizable';
|
|
134
|
-
export type { ResizablePanelGroupProps, ResizablePanelProps, ResizableHandleProps, ResizableDirection } from '../components/Resizable';
|
|
135
|
-
export { CommandPalette } from '../components/CommandPalette';
|
|
136
|
-
export type { CommandPaletteProps, SearchEntry } from '../components/CommandPalette';
|
|
137
|
-
export { CodeBlock } from '../components/CodeBlock';
|
|
138
|
-
export type { CodeBlockProps, CodeBlockLanguage } from '../components/CodeBlock';
|
|
139
|
-
export { LanguageSwitcher } from '../components/LanguageSwitcher';
|
|
140
|
-
export type { LanguageSwitcherProps } from '../components/LanguageSwitcher';
|
|
141
|
-
export { Article, ArticleHeader, ArticleTitle, ArticleBody, Section, SectionHeading, Pager, PropsTable, ArticleEmptyState, StatsGrid, } from '../components/Article';
|
|
142
|
-
export type { ArticleProps, ArticleHeaderProps, ArticleTitleProps, ArticleBodyProps, SectionProps, SectionHeadingProps, PagerProps, PagerItem, PropsTableProps, PropsTableColumn, ArticleEmptyStateProps, StatsGridProps, StatItem, } from '../components/Article';
|
|
143
|
-
export { Image } from '../components/Image';
|
|
144
|
-
export type { ImageProps } from '../components/Image';
|
|
145
|
-
export { PinInput } from '../components/PinInput';
|
|
146
|
-
export type { PinInputProps } from '../components/PinInput';
|
|
147
|
-
export { Descriptions } from '../components/Descriptions';
|
|
148
|
-
export type { DescriptionsProps, DescriptionsItem } from '../components/Descriptions';
|
|
149
|
-
export { NotificationProvider, useNotification } from '../components/Notification';
|
|
150
|
-
export type { NotificationProviderProps } from '../components/Notification';
|
|
151
|
-
export { Result } from '../components/Result';
|
|
152
|
-
export type { ResultProps } from '../components/Result';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const APP_VERSION: string;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
export type ViewportType = 'phone' | 'tablet' | 'desktop';
|
|
3
|
-
export interface ViewportContextValue {
|
|
4
|
-
viewport: ViewportType;
|
|
5
|
-
isPhone: boolean;
|
|
6
|
-
isTablet: boolean;
|
|
7
|
-
/** True when the device is in the tablet width range AND screen orientation is portrait */
|
|
8
|
-
isTabletPortrait: boolean;
|
|
9
|
-
isDesktop: boolean;
|
|
10
|
-
/** The actual screen width in CSS pixels */
|
|
11
|
-
screenWidth: number;
|
|
12
|
-
/** The actual screen height in CSS pixels */
|
|
13
|
-
screenHeight: number;
|
|
14
|
-
/** Aspect ratio: width / height (0-1 for portrait, >1 for landscape) */
|
|
15
|
-
aspectRatio: number;
|
|
16
|
-
}
|
|
17
|
-
export interface ViewportProviderProps {
|
|
18
|
-
children: ReactNode;
|
|
19
|
-
}
|
|
20
|
-
export declare function ViewportProvider({ children }: ViewportProviderProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export declare function useViewport(): ViewportContextValue;
|
package/dist/wrangler.json
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"configPath":"/Users/xiefan/github/vxui_react/wrangler.jsonc","userConfigPath":"/Users/xiefan/github/vxui_react/wrangler.jsonc","topLevelName":"react-vxui","definedEnvironments":[],"legacy_env":true,"compatibility_date":"2026-06-11","compatibility_flags":["nodejs_compat"],"jsx_factory":"React.createElement","jsx_fragment":"React.Fragment","rules":[],"name":"react-vxui","triggers":{},"assets":{"not_found_handling":"single-page-application","directory":"."},"vars":{},"durable_objects":{"bindings":[]},"workflows":[],"migrations":[],"kv_namespaces":[],"cloudchamber":{},"send_email":[],"queues":{"producers":[],"consumers":[]},"r2_buckets":[],"d1_databases":[],"vectorize":[],"ai_search_namespaces":[],"ai_search":[],"agent_memory":[],"hyperdrive":[],"services":[],"analytics_engine_datasets":[],"dispatch_namespaces":[],"mtls_certificates":[],"pipelines":[],"secrets_store_secrets":[],"artifacts":[],"unsafe_hello_world":[],"flagship":[],"worker_loaders":[],"ratelimits":[],"vpc_services":[],"vpc_networks":[],"logfwdr":{"bindings":[]},"observability":{"enabled":true},"python_modules":{"exclude":["**/*.pyc"]},"dev":{"ip":"localhost","local_protocol":"http","upstream_protocol":"http","enable_containers":true,"generate_types":false}}
|