react-tech-ui 1.0.0
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/LICENSE +82 -0
- package/README.en.md +36 -0
- package/README.md +412 -0
- package/dist/DataCard/index.cjs +1 -0
- package/dist/DataCard/index.js +5 -0
- package/dist/DataCard/style.css +1 -0
- package/dist/DataCard.d.ts +1 -0
- package/dist/DecorationLine/index.cjs +1 -0
- package/dist/DecorationLine/index.js +5 -0
- package/dist/DecorationLine/style.css +1 -0
- package/dist/DecorationLine.d.ts +1 -0
- package/dist/DigitalNumber/index.cjs +1 -0
- package/dist/DigitalNumber/index.js +5 -0
- package/dist/DigitalNumber/style.css +1 -0
- package/dist/DigitalNumber.d.ts +1 -0
- package/dist/Drawer/index.cjs +1 -0
- package/dist/Drawer/index.js +5 -0
- package/dist/Drawer/style.css +1 -0
- package/dist/Drawer.d.ts +1 -0
- package/dist/FloatingButton/index.cjs +1 -0
- package/dist/FloatingButton/index.js +5 -0
- package/dist/FloatingButton/style.css +1 -0
- package/dist/FloatingButton.d.ts +1 -0
- package/dist/FlowLight/index.cjs +1 -0
- package/dist/FlowLight/index.js +5 -0
- package/dist/FlowLight/style.css +1 -0
- package/dist/FlowLight.d.ts +1 -0
- package/dist/Icon/index.cjs +1 -0
- package/dist/Icon/index.js +6 -0
- package/dist/Icon/style.css +1 -0
- package/dist/Icon.d.ts +1 -0
- package/dist/Masonry/index.cjs +1 -0
- package/dist/Masonry/index.js +5 -0
- package/dist/Masonry/style.css +1 -0
- package/dist/Masonry.d.ts +1 -0
- package/dist/Modal/index.cjs +1 -0
- package/dist/Modal/index.js +5 -0
- package/dist/Modal/style.css +1 -0
- package/dist/Modal.d.ts +1 -0
- package/dist/Popconfirm/index.cjs +1 -0
- package/dist/Popconfirm/index.js +5 -0
- package/dist/Popconfirm/style.css +1 -0
- package/dist/Popconfirm.d.ts +1 -0
- package/dist/QRCode/index.cjs +1 -0
- package/dist/QRCode/index.js +5 -0
- package/dist/QRCode/style.css +1 -0
- package/dist/QRCode.d.ts +1 -0
- package/dist/ScreenAdapter/index.cjs +1 -0
- package/dist/ScreenAdapter/index.js +5 -0
- package/dist/ScreenAdapter/style.css +1 -0
- package/dist/ScreenAdapter.d.ts +1 -0
- package/dist/ScrollTable/index.cjs +1 -0
- package/dist/ScrollTable/index.js +5 -0
- package/dist/ScrollTable/style.css +1 -0
- package/dist/ScrollTable.d.ts +1 -0
- package/dist/Skeleton/index.cjs +1 -0
- package/dist/Skeleton/index.js +5 -0
- package/dist/Skeleton/style.css +1 -0
- package/dist/Skeleton.d.ts +1 -0
- package/dist/StatusIndicator/index.cjs +1 -0
- package/dist/StatusIndicator/index.js +5 -0
- package/dist/StatusIndicator/style.css +1 -0
- package/dist/StatusIndicator.d.ts +1 -0
- package/dist/TechBorder/index.cjs +1 -0
- package/dist/TechBorder/index.js +5 -0
- package/dist/TechBorder/style.css +1 -0
- package/dist/TechBorder.d.ts +1 -0
- package/dist/TechButton/index.cjs +1 -0
- package/dist/TechButton/index.js +5 -0
- package/dist/TechButton/style.css +1 -0
- package/dist/TechButton.d.ts +1 -0
- package/dist/TechTitle/index.cjs +1 -0
- package/dist/TechTitle/index.js +5 -0
- package/dist/TechTitle/style.css +1 -0
- package/dist/TechTitle.d.ts +1 -0
- package/dist/ThemeProvider/index.cjs +1 -0
- package/dist/ThemeProvider/index.js +8 -0
- package/dist/ThemeProvider/style.css +1 -0
- package/dist/ThemeProvider.d.ts +1 -0
- package/dist/Toast/index.cjs +1 -0
- package/dist/Toast/index.js +5 -0
- package/dist/Toast/style.css +1 -0
- package/dist/Toast.d.ts +1 -0
- package/dist/assets/jsx-runtime-B3A9vq2e.css +1 -0
- package/dist/chunks/DataCard-CY4njdg1.js +61 -0
- package/dist/chunks/DataCard-DjcUGxo9.cjs +1 -0
- package/dist/chunks/DecorationLine-Be4QQyry.cjs +1 -0
- package/dist/chunks/DecorationLine-CaZYIYl6.js +45 -0
- package/dist/chunks/DigitalNumber-BNklEz-G.js +60 -0
- package/dist/chunks/DigitalNumber-BWP5OjvN.cjs +1 -0
- package/dist/chunks/Drawer-CuoztnnD.cjs +1 -0
- package/dist/chunks/Drawer-u77zScbz.js +69 -0
- package/dist/chunks/FloatingButton-DcNfUVcB.js +109 -0
- package/dist/chunks/FloatingButton-nOl8ZHul.cjs +1 -0
- package/dist/chunks/FlowLight-Brrwyxcv.js +62 -0
- package/dist/chunks/FlowLight-DLBCaU07.cjs +1 -0
- package/dist/chunks/Icon-HxIzkEdE.js +147 -0
- package/dist/chunks/Icon-ISAK5vLx.cjs +1 -0
- package/dist/chunks/Masonry-CxVB3-w9.js +84 -0
- package/dist/chunks/Masonry-LPU0R1mE.cjs +1 -0
- package/dist/chunks/Modal-BfCALRKS.js +63 -0
- package/dist/chunks/Modal-DxqX4m57.cjs +1 -0
- package/dist/chunks/Popconfirm-C3npOXd6.js +112 -0
- package/dist/chunks/Popconfirm-CgPdSp84.cjs +1 -0
- package/dist/chunks/QRCode-B2Sdq1f6.cjs +8 -0
- package/dist/chunks/QRCode-BRcujxUT.js +1535 -0
- package/dist/chunks/ScreenAdapter-CugXUEoe.js +61 -0
- package/dist/chunks/ScreenAdapter-DpfmLRd5.cjs +1 -0
- package/dist/chunks/ScrollTable-B21j9zGn.cjs +1 -0
- package/dist/chunks/ScrollTable-NgSlPEKj.js +98 -0
- package/dist/chunks/Skeleton-CKvua4DB.cjs +1 -0
- package/dist/chunks/Skeleton-CQvCi-N8.js +76 -0
- package/dist/chunks/StatusIndicator-CliH19aT.js +40 -0
- package/dist/chunks/StatusIndicator-DhPwugAy.cjs +1 -0
- package/dist/chunks/TechBorder-Cu-JqkTf.js +45 -0
- package/dist/chunks/TechBorder-KTRXvzVv.cjs +1 -0
- package/dist/chunks/TechButton-CTrXjlsD.js +42 -0
- package/dist/chunks/TechButton-DYdIWO-l.cjs +1 -0
- package/dist/chunks/TechTitle-B3pkYIbI.cjs +1 -0
- package/dist/chunks/TechTitle-DfLwdrV5.js +41 -0
- package/dist/chunks/ThemeProvider-CGtZuVnU.cjs +1 -0
- package/dist/chunks/ThemeProvider-uEdKkbFn.js +206 -0
- package/dist/chunks/Toast-CedBaeZV.cjs +1 -0
- package/dist/chunks/Toast-DdlPSfu0.js +79 -0
- package/dist/chunks/index-CcykAxZN.js +6 -0
- package/dist/chunks/index-pCtiW2Id.cjs +1 -0
- package/dist/chunks/jsx-runtime-7asRZgsb.cjs +30 -0
- package/dist/chunks/jsx-runtime-C6iVud2f.js +630 -0
- package/dist/components/DataCard/DataCard.d.ts +18 -0
- package/dist/components/DataCard/entry.d.ts +3 -0
- package/dist/components/DataCard/index.d.ts +2 -0
- package/dist/components/DecorationLine/DecorationLine.d.ts +14 -0
- package/dist/components/DecorationLine/entry.d.ts +3 -0
- package/dist/components/DecorationLine/index.d.ts +2 -0
- package/dist/components/DigitalNumber/DigitalNumber.d.ts +17 -0
- package/dist/components/DigitalNumber/entry.d.ts +3 -0
- package/dist/components/DigitalNumber/index.d.ts +2 -0
- package/dist/components/Drawer/Drawer.d.ts +18 -0
- package/dist/components/Drawer/entry.d.ts +3 -0
- package/dist/components/Drawer/index.d.ts +2 -0
- package/dist/components/FloatingButton/FloatingButton.d.ts +24 -0
- package/dist/components/FloatingButton/entry.d.ts +3 -0
- package/dist/components/FloatingButton/index.d.ts +2 -0
- package/dist/components/FlowLight/FlowLight.d.ts +14 -0
- package/dist/components/FlowLight/entry.d.ts +3 -0
- package/dist/components/FlowLight/index.d.ts +2 -0
- package/dist/components/Icon/Icon.d.ts +16 -0
- package/dist/components/Icon/entry.d.ts +4 -0
- package/dist/components/Icon/index.d.ts +3 -0
- package/dist/components/Masonry/Masonry.d.ts +23 -0
- package/dist/components/Masonry/entry.d.ts +3 -0
- package/dist/components/Masonry/index.d.ts +2 -0
- package/dist/components/Modal/Modal.d.ts +18 -0
- package/dist/components/Modal/entry.d.ts +3 -0
- package/dist/components/Modal/index.d.ts +2 -0
- package/dist/components/Popconfirm/Popconfirm.d.ts +19 -0
- package/dist/components/Popconfirm/entry.d.ts +3 -0
- package/dist/components/Popconfirm/index.d.ts +2 -0
- package/dist/components/QRCode/QRCode.d.ts +19 -0
- package/dist/components/QRCode/entry.d.ts +3 -0
- package/dist/components/QRCode/index.d.ts +2 -0
- package/dist/components/ScreenAdapter/ScreenAdapter.d.ts +13 -0
- package/dist/components/ScreenAdapter/entry.d.ts +3 -0
- package/dist/components/ScreenAdapter/index.d.ts +2 -0
- package/dist/components/ScrollTable/ScrollTable.d.ts +23 -0
- package/dist/components/ScrollTable/entry.d.ts +3 -0
- package/dist/components/ScrollTable/index.d.ts +2 -0
- package/dist/components/Skeleton/Skeleton.d.ts +16 -0
- package/dist/components/Skeleton/entry.d.ts +3 -0
- package/dist/components/Skeleton/index.d.ts +2 -0
- package/dist/components/StatusIndicator/StatusIndicator.d.ts +14 -0
- package/dist/components/StatusIndicator/entry.d.ts +3 -0
- package/dist/components/StatusIndicator/index.d.ts +2 -0
- package/dist/components/TechBorder/TechBorder.d.ts +15 -0
- package/dist/components/TechBorder/entry.d.ts +3 -0
- package/dist/components/TechBorder/index.d.ts +2 -0
- package/dist/components/TechButton/TechButton.d.ts +15 -0
- package/dist/components/TechButton/entry.d.ts +3 -0
- package/dist/components/TechButton/index.d.ts +2 -0
- package/dist/components/TechTitle/TechTitle.d.ts +14 -0
- package/dist/components/TechTitle/entry.d.ts +3 -0
- package/dist/components/TechTitle/index.d.ts +2 -0
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +42 -0
- package/dist/components/ThemeProvider/entry.d.ts +3 -0
- package/dist/components/ThemeProvider/index.d.ts +2 -0
- package/dist/components/Toast/Toast.d.ts +23 -0
- package/dist/components/Toast/entry.d.ts +3 -0
- package/dist/components/Toast/index.d.ts +2 -0
- package/dist/index/index.cjs +1 -0
- package/dist/index/index.js +49 -0
- package/dist/index/style.css +41 -0
- package/dist/index.d.ts +31 -0
- package/dist/jsx-runtime/style.css +1 -0
- package/dist/theme/index.cjs +1 -0
- package/dist/theme/index.d.ts +46 -0
- package/dist/theme/index.js +48 -0
- package/dist/theme.d.ts +1 -0
- package/dist/utils/index.d.ts +8 -0
- package/package.json +165 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface DrawerProps {
|
|
4
|
+
open: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
title?: React.ReactNode;
|
|
7
|
+
footer?: React.ReactNode;
|
|
8
|
+
width?: number | string;
|
|
9
|
+
placement?: 'left' | 'right' | 'top' | 'bottom';
|
|
10
|
+
variant?: 'default' | 'neon' | 'scan';
|
|
11
|
+
maskClosable?: boolean;
|
|
12
|
+
closable?: boolean;
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
}
|
|
17
|
+
export declare const Drawer: React.FC<DrawerProps>;
|
|
18
|
+
export default Drawer;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface FloatingButtonProps {
|
|
4
|
+
icon?: React.ReactNode;
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
variant?: 'default' | 'neon' | 'glow' | 'glass';
|
|
7
|
+
size?: number;
|
|
8
|
+
draggable?: boolean;
|
|
9
|
+
initialPosition?: {
|
|
10
|
+
x?: number;
|
|
11
|
+
y?: number;
|
|
12
|
+
};
|
|
13
|
+
edgeSnap?: boolean;
|
|
14
|
+
snapThreshold?: number;
|
|
15
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
16
|
+
onDragEnd?: (position: {
|
|
17
|
+
x: number;
|
|
18
|
+
y: number;
|
|
19
|
+
}) => void;
|
|
20
|
+
className?: string;
|
|
21
|
+
style?: React.CSSProperties;
|
|
22
|
+
}
|
|
23
|
+
export declare const FloatingButton: React.FC<FloatingButtonProps>;
|
|
24
|
+
export default FloatingButton;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface FlowLightProps {
|
|
4
|
+
variant?: 'aurora' | 'grid' | 'particle' | 'wave';
|
|
5
|
+
color?: string;
|
|
6
|
+
speed?: number;
|
|
7
|
+
opacity?: number;
|
|
8
|
+
intensity?: 'low' | 'medium' | 'high';
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
declare const FlowLight: React.FC<FlowLightProps>;
|
|
14
|
+
export default FlowLight;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type IconName = 'home' | 'setting' | 'user' | 'team' | 'lock' | 'unlock' | 'search' | 'filter' | 'sort' | 'refresh' | 'sync' | 'swap' | 'add' | 'minus' | 'close' | 'check' | 'info' | 'question' | 'warning' | 'error' | 'success' | 'loading' | 'eye' | 'eye-off' | 'copy' | 'paste' | 'delete' | 'edit' | 'download' | 'upload' | 'export' | 'import' | 'share' | 'link' | 'fullscreen' | 'fullscreen-exit' | 'expand' | 'collapse' | 'arrow-up' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'menu' | 'more' | 'ellipsis' | 'drag' | 'notification' | 'message' | 'email' | 'phone' | 'calendar' | 'clock' | 'timer' | 'history' | 'chart' | 'dashboard' | 'data' | 'database' | 'server' | 'cloud' | 'network' | 'shield' | 'terminal' | 'code' | 'bug' | 'api' | 'sun' | 'moon' | 'star' | 'flash' | 'location' | 'compass' | 'target' | 'scan' | 'camera' | 'image' | 'file' | 'folder' | 'power' | 'signal' | 'wifi' | 'bluetooth' | 'play' | 'pause' | 'stop' | 'forward';
|
|
4
|
+
export interface IconProps {
|
|
5
|
+
name: IconName;
|
|
6
|
+
size?: number | string;
|
|
7
|
+
color?: string;
|
|
8
|
+
variant?: 'default' | 'neon' | 'glow';
|
|
9
|
+
spin?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
onClick?: React.MouseEventHandler<HTMLSpanElement>;
|
|
13
|
+
}
|
|
14
|
+
export declare const iconNames: IconName[];
|
|
15
|
+
export declare const Icon: React.FC<IconProps>;
|
|
16
|
+
export default Icon;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface MasonryItem {
|
|
4
|
+
id: string | number;
|
|
5
|
+
height?: number;
|
|
6
|
+
[key: string]: unknown;
|
|
7
|
+
}
|
|
8
|
+
export interface MasonryProps<T extends MasonryItem = MasonryItem> {
|
|
9
|
+
items: T[];
|
|
10
|
+
columns?: number;
|
|
11
|
+
gap?: number;
|
|
12
|
+
columnWidth?: number | string;
|
|
13
|
+
variant?: 'default' | 'neon' | 'scan' | 'glass';
|
|
14
|
+
renderItem: (item: T, index: number) => React.ReactNode;
|
|
15
|
+
keyExtractor?: (item: T, index: number) => string | number;
|
|
16
|
+
className?: string;
|
|
17
|
+
style?: React.CSSProperties;
|
|
18
|
+
}
|
|
19
|
+
export declare const Masonry: {
|
|
20
|
+
<T extends MasonryItem = MasonryItem>({ items, columns, gap, columnWidth, variant, renderItem, keyExtractor, className, style, }: MasonryProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
displayName: string;
|
|
22
|
+
};
|
|
23
|
+
export default Masonry;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ModalProps {
|
|
4
|
+
open: boolean;
|
|
5
|
+
onClose: () => void;
|
|
6
|
+
title?: React.ReactNode;
|
|
7
|
+
footer?: React.ReactNode;
|
|
8
|
+
width?: number;
|
|
9
|
+
variant?: 'default' | 'neon' | 'scan';
|
|
10
|
+
maskClosable?: boolean;
|
|
11
|
+
closable?: boolean;
|
|
12
|
+
animate?: boolean;
|
|
13
|
+
children: React.ReactNode;
|
|
14
|
+
className?: string;
|
|
15
|
+
style?: React.CSSProperties;
|
|
16
|
+
}
|
|
17
|
+
declare const Modal: React.FC<ModalProps>;
|
|
18
|
+
export default Modal;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface PopconfirmProps {
|
|
4
|
+
content: React.ReactNode;
|
|
5
|
+
title?: React.ReactNode;
|
|
6
|
+
onConfirm?: () => void;
|
|
7
|
+
onCancel?: () => void;
|
|
8
|
+
confirmText?: string;
|
|
9
|
+
cancelText?: string;
|
|
10
|
+
placement?: 'top' | 'bottom' | 'left' | 'right';
|
|
11
|
+
variant?: 'default' | 'neon' | 'scan';
|
|
12
|
+
trigger?: 'click' | 'hover';
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
children: React.ReactElement;
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: React.CSSProperties;
|
|
17
|
+
}
|
|
18
|
+
export declare const Popconfirm: React.FC<PopconfirmProps>;
|
|
19
|
+
export default Popconfirm;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface QRCodeProps {
|
|
4
|
+
value: string;
|
|
5
|
+
size?: number;
|
|
6
|
+
variant?: 'default' | 'neon' | 'scan';
|
|
7
|
+
color?: string;
|
|
8
|
+
bgColor?: string;
|
|
9
|
+
level?: 'L' | 'M' | 'Q' | 'H';
|
|
10
|
+
includeMargin?: boolean;
|
|
11
|
+
icon?: string;
|
|
12
|
+
iconSize?: number;
|
|
13
|
+
title?: React.ReactNode;
|
|
14
|
+
description?: React.ReactNode;
|
|
15
|
+
className?: string;
|
|
16
|
+
style?: React.CSSProperties;
|
|
17
|
+
}
|
|
18
|
+
export declare const QRCodeComponent: React.FC<QRCodeProps>;
|
|
19
|
+
export default QRCodeComponent;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ScreenAdapterProps {
|
|
4
|
+
width?: number;
|
|
5
|
+
height?: number;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
mode?: 'scale' | 'width-scale' | 'full';
|
|
10
|
+
bgStyle?: 'dark' | 'grid' | 'particles';
|
|
11
|
+
}
|
|
12
|
+
declare const ScreenAdapter: React.FC<ScreenAdapterProps>;
|
|
13
|
+
export default ScreenAdapter;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface ScrollTableColumn {
|
|
4
|
+
key: string;
|
|
5
|
+
title: string;
|
|
6
|
+
width?: string | number;
|
|
7
|
+
align?: 'left' | 'center' | 'right';
|
|
8
|
+
render?: (value: any, record: Record<string, any>, index: number) => React.ReactNode;
|
|
9
|
+
}
|
|
10
|
+
export interface ScrollTableProps {
|
|
11
|
+
columns: ScrollTableColumn[];
|
|
12
|
+
data: Record<string, any>[];
|
|
13
|
+
rowHeight?: number;
|
|
14
|
+
visibleRows?: number;
|
|
15
|
+
scrollSpeed?: number;
|
|
16
|
+
headerColor?: string;
|
|
17
|
+
rowHover?: boolean;
|
|
18
|
+
animate?: boolean;
|
|
19
|
+
className?: string;
|
|
20
|
+
style?: React.CSSProperties;
|
|
21
|
+
}
|
|
22
|
+
declare const ScrollTable: React.FC<ScrollTableProps>;
|
|
23
|
+
export default ScrollTable;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface SkeletonProps {
|
|
4
|
+
variant?: 'text' | 'rect' | 'circle' | 'card';
|
|
5
|
+
width?: number | string;
|
|
6
|
+
height?: number | string;
|
|
7
|
+
rows?: number;
|
|
8
|
+
rowsGap?: number;
|
|
9
|
+
animate?: boolean;
|
|
10
|
+
loading?: boolean;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
children?: React.ReactNode;
|
|
14
|
+
}
|
|
15
|
+
export declare const Skeleton: React.FC<SkeletonProps>;
|
|
16
|
+
export default Skeleton;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface StatusIndicatorProps {
|
|
4
|
+
status?: 'online' | 'offline' | 'warning' | 'error' | 'custom';
|
|
5
|
+
color?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
size?: 'small' | 'medium' | 'large';
|
|
8
|
+
animate?: boolean;
|
|
9
|
+
showDot?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
declare const StatusIndicator: React.FC<StatusIndicatorProps>;
|
|
14
|
+
export default StatusIndicator;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface TechBorderProps {
|
|
4
|
+
variant?: 'corner' | 'full' | 'gradient' | 'scan' | 'neon';
|
|
5
|
+
color?: string;
|
|
6
|
+
glowColor?: string;
|
|
7
|
+
borderWidth?: number;
|
|
8
|
+
cornerSize?: number;
|
|
9
|
+
animate?: boolean;
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
declare const TechBorder: React.FC<TechBorderProps>;
|
|
15
|
+
export default TechBorder;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface TechButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
|
+
variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'neon';
|
|
5
|
+
size?: 'small' | 'medium' | 'large';
|
|
6
|
+
color?: string;
|
|
7
|
+
glow?: boolean;
|
|
8
|
+
loading?: boolean;
|
|
9
|
+
icon?: React.ReactNode;
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
}
|
|
14
|
+
declare const TechButton: React.FC<TechButtonProps>;
|
|
15
|
+
export default TechButton;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface TechTitleProps {
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
variant?: 'default' | 'gradient' | 'glow' | 'underline' | 'bracket';
|
|
6
|
+
level?: 1 | 2 | 3;
|
|
7
|
+
color?: string;
|
|
8
|
+
align?: 'left' | 'center' | 'right';
|
|
9
|
+
animate?: boolean;
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
declare const TechTitle: React.FC<TechTitleProps>;
|
|
14
|
+
export default TechTitle;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface TechThemeVars {
|
|
4
|
+
'--tech-primary': string;
|
|
5
|
+
'--tech-primary-dark': string;
|
|
6
|
+
'--tech-primary-light': string;
|
|
7
|
+
'--tech-secondary': string;
|
|
8
|
+
'--tech-secondary-dark': string;
|
|
9
|
+
'--tech-accent': string;
|
|
10
|
+
'--tech-warning': string;
|
|
11
|
+
'--tech-danger': string;
|
|
12
|
+
'--tech-success': string;
|
|
13
|
+
'--tech-bg-dark': string;
|
|
14
|
+
'--tech-bg-medium': string;
|
|
15
|
+
'--tech-bg-light': string;
|
|
16
|
+
'--tech-bg-card': string;
|
|
17
|
+
'--tech-bg-card-hover': string;
|
|
18
|
+
'--tech-border': string;
|
|
19
|
+
'--tech-border-active': string;
|
|
20
|
+
'--tech-text-primary': string;
|
|
21
|
+
'--tech-text-secondary': string;
|
|
22
|
+
'--tech-text-muted': string;
|
|
23
|
+
'--tech-glow-primary': string;
|
|
24
|
+
'--tech-glow-secondary': string;
|
|
25
|
+
}
|
|
26
|
+
export type PartialTechThemeVars = Partial<TechThemeVars>;
|
|
27
|
+
export declare const presetThemes: Record<string, PartialTechThemeVars>;
|
|
28
|
+
export declare const themeLabels: Record<string, string>;
|
|
29
|
+
interface ThemeContextValue {
|
|
30
|
+
themeName: string;
|
|
31
|
+
themeVars: PartialTechThemeVars;
|
|
32
|
+
setTheme: (name: string, vars?: PartialTechThemeVars) => void;
|
|
33
|
+
presetThemes: Record<string, PartialTechThemeVars>;
|
|
34
|
+
themeLabels: Record<string, string>;
|
|
35
|
+
}
|
|
36
|
+
export interface ThemeProviderProps {
|
|
37
|
+
defaultTheme?: string;
|
|
38
|
+
children: React.ReactNode;
|
|
39
|
+
}
|
|
40
|
+
export declare const ThemeProvider: React.FC<ThemeProviderProps>;
|
|
41
|
+
export declare function useTheme(): ThemeContextValue;
|
|
42
|
+
export default ThemeProvider;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
|
|
3
|
+
export type ToastType = 'info' | 'success' | 'warning' | 'error' | 'loading';
|
|
4
|
+
export interface ToastConfig {
|
|
5
|
+
content: React.ReactNode;
|
|
6
|
+
type?: ToastType;
|
|
7
|
+
duration?: number;
|
|
8
|
+
closable?: boolean;
|
|
9
|
+
icon?: React.ReactNode;
|
|
10
|
+
className?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
export declare const Toast: {
|
|
14
|
+
info: (content: React.ReactNode, config?: Omit<ToastConfig, "content" | "type">) => string;
|
|
15
|
+
success: (content: React.ReactNode, config?: Omit<ToastConfig, "content" | "type">) => string;
|
|
16
|
+
warning: (content: React.ReactNode, config?: Omit<ToastConfig, "content" | "type">) => string;
|
|
17
|
+
error: (content: React.ReactNode, config?: Omit<ToastConfig, "content" | "type">) => string;
|
|
18
|
+
loading: (content: React.ReactNode, config?: Omit<ToastConfig, "content" | "type" | "duration">) => string;
|
|
19
|
+
custom: (config: ToastConfig) => string;
|
|
20
|
+
close: (id: string) => void;
|
|
21
|
+
Container: React.FC<{}>;
|
|
22
|
+
};
|
|
23
|
+
export default Toast;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../chunks/jsx-runtime-7asRZgsb.cjs");const o=require("../theme/index.cjs"),t=require("../chunks/DataCard-DjcUGxo9.cjs"),n=require("../chunks/DecorationLine-Be4QQyry.cjs"),i=require("../chunks/DigitalNumber-BWP5OjvN.cjs"),c=require("../chunks/FlowLight-DLBCaU07.cjs"),a=require("../chunks/Modal-DxqX4m57.cjs"),s=require("../chunks/ScreenAdapter-DpfmLRd5.cjs"),u=require("../chunks/ScrollTable-B21j9zGn.cjs"),l=require("../chunks/StatusIndicator-DhPwugAy.cjs"),T=require("../chunks/TechBorder-KTRXvzVv.cjs"),h=require("../chunks/TechButton-DYdIWO-l.cjs"),d=require("../chunks/TechTitle-B3pkYIbI.cjs"),m=require("../chunks/Drawer-CuoztnnD.cjs"),q=require("../chunks/FloatingButton-nOl8ZHul.cjs"),r=require("../chunks/Icon-ISAK5vLx.cjs"),S=require("../chunks/Masonry-LPU0R1mE.cjs"),D=require("../chunks/Popconfirm-CgPdSp84.cjs"),g=require("../chunks/QRCode-B2Sdq1f6.cjs"),b=require("../chunks/Skeleton-CKvua4DB.cjs"),e=require("../chunks/ThemeProvider-CGtZuVnU.cjs"),p=require("../chunks/Toast-CedBaeZV.cjs");exports.techTheme=o.techTheme;exports.DataCard=t.DataCard;exports.DecorationLine=n.DecorationLine;exports.DigitalNumber=i.DigitalNumber;exports.FlowLight=c.FlowLight;exports.Modal=a.Modal;exports.ScreenAdapter=s.ScreenAdapter;exports.ScrollTable=u.ScrollTable;exports.StatusIndicator=l.StatusIndicator;exports.TechBorder=T.TechBorder;exports.TechButton=h.TechButton;exports.TechTitle=d.TechTitle;exports.Drawer=m.Drawer;exports.FloatingButton=q.FloatingButton;exports.Icon=r.Icon;exports.iconNames=r.iconNames;exports.Masonry=S.Masonry;exports.Popconfirm=D.Popconfirm;exports.QRCode=g.QRCodeComponent;exports.Skeleton=b.Skeleton;exports.ThemeProvider=e.ThemeProvider;exports.presetThemes=e.presetThemes;exports.themeLabels=e.themeLabels;exports.useTheme=e.useTheme;exports.Toast=p.Toast;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import "../chunks/jsx-runtime-C6iVud2f.js";
|
|
2
|
+
import { techTheme as t } from "../theme/index.js";
|
|
3
|
+
import { D as s } from "../chunks/DataCard-CY4njdg1.js";
|
|
4
|
+
import { D as p } from "../chunks/DecorationLine-CaZYIYl6.js";
|
|
5
|
+
import { D as x } from "../chunks/DigitalNumber-BNklEz-G.js";
|
|
6
|
+
import { F as i } from "../chunks/FlowLight-Brrwyxcv.js";
|
|
7
|
+
import { M as c } from "../chunks/Modal-BfCALRKS.js";
|
|
8
|
+
import { S as l } from "../chunks/ScreenAdapter-CugXUEoe.js";
|
|
9
|
+
import { S } from "../chunks/ScrollTable-NgSlPEKj.js";
|
|
10
|
+
import { S as u } from "../chunks/StatusIndicator-CliH19aT.js";
|
|
11
|
+
import { T as M } from "../chunks/TechBorder-Cu-JqkTf.js";
|
|
12
|
+
import { T as g } from "../chunks/TechButton-CTrXjlsD.js";
|
|
13
|
+
import { T as I } from "../chunks/TechTitle-DfLwdrV5.js";
|
|
14
|
+
import { D as P } from "../chunks/Drawer-u77zScbz.js";
|
|
15
|
+
import { F as C } from "../chunks/FloatingButton-DcNfUVcB.js";
|
|
16
|
+
import { I as Q, i as k } from "../chunks/Icon-HxIzkEdE.js";
|
|
17
|
+
import { M as y } from "../chunks/Masonry-CxVB3-w9.js";
|
|
18
|
+
import { P as R } from "../chunks/Popconfirm-C3npOXd6.js";
|
|
19
|
+
import { Q as q } from "../chunks/QRCode-BRcujxUT.js";
|
|
20
|
+
import { S as E } from "../chunks/Skeleton-CQvCi-N8.js";
|
|
21
|
+
import { T as H, p as J, t as K, u as O } from "../chunks/ThemeProvider-uEdKkbFn.js";
|
|
22
|
+
import { T as V } from "../chunks/Toast-DdlPSfu0.js";
|
|
23
|
+
export {
|
|
24
|
+
s as DataCard,
|
|
25
|
+
p as DecorationLine,
|
|
26
|
+
x as DigitalNumber,
|
|
27
|
+
P as Drawer,
|
|
28
|
+
C as FloatingButton,
|
|
29
|
+
i as FlowLight,
|
|
30
|
+
Q as Icon,
|
|
31
|
+
y as Masonry,
|
|
32
|
+
c as Modal,
|
|
33
|
+
R as Popconfirm,
|
|
34
|
+
q as QRCode,
|
|
35
|
+
l as ScreenAdapter,
|
|
36
|
+
S as ScrollTable,
|
|
37
|
+
E as Skeleton,
|
|
38
|
+
u as StatusIndicator,
|
|
39
|
+
M as TechBorder,
|
|
40
|
+
g as TechButton,
|
|
41
|
+
I as TechTitle,
|
|
42
|
+
H as ThemeProvider,
|
|
43
|
+
V as Toast,
|
|
44
|
+
k as iconNames,
|
|
45
|
+
J as presetThemes,
|
|
46
|
+
t as techTheme,
|
|
47
|
+
K as themeLabels,
|
|
48
|
+
O as useTheme
|
|
49
|
+
};
|