@pointcloud/pcloud-components 0.1.32 → 0.1.33
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 +11 -9
- package/dist/esm/AdvancedFilter/FormFilter.d.ts +4 -4
- package/dist/esm/AdvancedFilter/index.d.ts +5 -5
- package/dist/esm/AdvancedFilter/interface.d.ts +101 -101
- package/dist/esm/AnimatedScrollList/index.d.ts +7 -7
- package/dist/esm/AnimatedScrollList/interface.d.ts +71 -71
- package/dist/esm/AspectRatio/index.d.ts +9 -9
- package/dist/esm/AuthComponent/index.d.ts +3 -3
- package/dist/esm/AuthComponent/interface.d.ts +24 -24
- package/dist/esm/ColorPicker/index.d.ts +17 -18
- package/dist/esm/ColorPicker/interface.d.ts +164 -164
- package/dist/esm/ConfigProvider/index.d.ts +6 -6
- package/dist/esm/ConfigProvider/index.js +7 -13
- package/dist/esm/ConfigProvider/interface.d.ts +9 -9
- package/dist/esm/ContextMenu/index.d.ts +28 -28
- package/dist/esm/DCascader/index.d.ts +24 -24
- package/dist/esm/DForm/DItem/index.d.ts +5 -5
- package/dist/esm/DForm/DItem/itemType.d.ts +123 -119
- package/dist/esm/DForm/DItem/itemsRender.d.ts +47 -45
- package/dist/esm/DForm/DItem/itemsRender.js +6 -0
- package/dist/esm/DForm/helper.d.ts +8 -8
- package/dist/esm/DForm/index.d.ts +29 -29
- package/dist/esm/DInput/index.d.ts +19 -19
- package/dist/esm/DModal/index.d.ts +18 -18
- package/dist/esm/DModal/interface.d.ts +14 -14
- package/dist/esm/DRangePicker/index.d.ts +7 -0
- package/dist/esm/DRangePicker/index.js +24 -0
- package/dist/esm/DRangePicker/index.less +30 -0
- package/dist/esm/DRangePicker/interface.d.ts +5 -0
- package/dist/esm/DRangePicker/interface.js +1 -0
- package/dist/esm/DSelect/index.d.ts +24 -24
- package/dist/esm/DTable/index.d.ts +46 -46
- package/dist/esm/DTreeSelect/index.d.ts +16 -16
- package/dist/esm/DUpload/helper.d.ts +107 -107
- package/dist/esm/DUpload/index.d.ts +55 -55
- package/dist/esm/ErrorBoundary/index.d.ts +5 -6
- package/dist/esm/IPAddress/index.d.ts +20 -20
- package/dist/esm/IconFont/index.d.ts +17 -17
- package/dist/esm/InfiniteScrollList/index.d.ts +63 -63
- package/dist/esm/LabelValue/index.d.ts +16 -16
- package/dist/esm/LabelValue/interface.d.ts +39 -39
- package/dist/esm/Loading/hooks/useLoading.d.ts +6 -6
- package/dist/esm/Loading/index.d.ts +10 -10
- package/dist/esm/Loading/interface.d.ts +23 -23
- package/dist/esm/Loading/loading.d.ts +7 -8
- package/dist/esm/LoginForm/defaultConfig.d.ts +4 -4
- package/dist/esm/LoginForm/index.d.ts +21 -21
- package/dist/esm/ModalForm/index.d.ts +11 -11
- package/dist/esm/NoData/index.d.ts +4 -5
- package/dist/esm/NoData/interface.d.ts +13 -13
- package/dist/esm/OrgTree/index.d.ts +5 -5
- package/dist/esm/OrgTree/interface.d.ts +41 -41
- package/dist/esm/PictureCard/index.d.ts +16 -16
- package/dist/esm/RCropper/handler.d.ts +16 -16
- package/dist/esm/RCropper/index.d.ts +4 -4
- package/dist/esm/RCropper/interface.d.ts +70 -70
- package/dist/esm/RCropper/svgIcons.d.ts +28 -28
- package/dist/esm/RCropper/toolbar.d.ts +5 -5
- package/dist/esm/RndDrag/index.d.ts +5 -6
- package/dist/esm/ScrollNumber/index.d.ts +7 -8
- package/dist/esm/SignaturePad/index.d.ts +32 -32
- package/dist/esm/TypewriterText/index.d.ts +5 -5
- package/dist/esm/TypewriterText/interface.d.ts +42 -42
- package/dist/esm/WordCloud/index.d.ts +10 -11
- package/dist/esm/index.d.ts +64 -62
- package/dist/esm/index.js +2 -1
- package/dist/umd/pcloud-components.min.css +1 -1
- package/dist/umd/pcloud-components.min.js +1 -1
- package/package.json +14 -5
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type Cropper from 'cropperjs';
|
|
3
|
-
import type { CropperGrid, CropperSelection, CropperImage, CropperCanvas, CropperHandle } from 'cropperjs';
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export interface RCropperEvents {
|
|
9
|
-
onCrop?(_src: string | undefined, _file?: File): void;
|
|
10
|
-
onZoom?(imgData: number[] | undefined): void;
|
|
11
|
-
onRotate?(imgData: number[] | undefined): void;
|
|
12
|
-
onFlip?(imgData: number[] | undefined): void;
|
|
13
|
-
onReset?(imgData: number[] | undefined): void;
|
|
14
|
-
onCancelCrop?(selectionData: {
|
|
15
|
-
x: number;
|
|
16
|
-
y: number;
|
|
17
|
-
width: number;
|
|
18
|
-
height: number;
|
|
19
|
-
}): void;
|
|
20
|
-
}
|
|
21
|
-
export interface RCropperActionHandlers {
|
|
22
|
-
handleCrop: () => Promise<void>;
|
|
23
|
-
handleZoomIn: () => void;
|
|
24
|
-
handleZoomOut: () => void;
|
|
25
|
-
handleRotateLeft: () => void;
|
|
26
|
-
handleRotateRight: () => void;
|
|
27
|
-
handleFlipX: () => void;
|
|
28
|
-
handleFlipY: () => void;
|
|
29
|
-
handleReset: () => void;
|
|
30
|
-
handleCancelCrop: () => void;
|
|
31
|
-
}
|
|
32
|
-
export interface RCropperRef {
|
|
33
|
-
cropper: Cropper | null;
|
|
34
|
-
image: CropperImage | null;
|
|
35
|
-
canvas: CropperCanvas | null;
|
|
36
|
-
selection: CropperSelection | null;
|
|
37
|
-
}
|
|
38
|
-
export interface RCropperProps extends RCropperEvents {
|
|
39
|
-
/**
|
|
40
|
-
* 图片的源地址
|
|
41
|
-
* @description 可以是本地图片路径或网络图片URL
|
|
42
|
-
*/
|
|
43
|
-
src: string;
|
|
44
|
-
alt?: string;
|
|
45
|
-
className?: string;
|
|
46
|
-
style?: React.CSSProperties;
|
|
47
|
-
/**
|
|
48
|
-
* 拖拽模式
|
|
49
|
-
* @default 'crop'
|
|
50
|
-
* @description 'crop' - 裁剪模式, 'move' - 移动模式, 'none' - 禁用拖拽
|
|
51
|
-
*/
|
|
52
|
-
dragMode?: 'crop' | 'move' | 'none';
|
|
53
|
-
grid?: RCropperGrid;
|
|
54
|
-
/**
|
|
55
|
-
* 裁剪区域的配置
|
|
56
|
-
* @description 可以设置裁剪区域的宽度、高度、纵横比等属性
|
|
57
|
-
*/
|
|
58
|
-
selection?: RCropperSelection;
|
|
59
|
-
/**
|
|
60
|
-
* 图片的配置
|
|
61
|
-
* @description 可以设置图片的旋转、缩放、倾斜、平移等属性
|
|
62
|
-
*/
|
|
63
|
-
image?: RCropperImage;
|
|
64
|
-
/**
|
|
65
|
-
* 画布的配置
|
|
66
|
-
* @description 可以设置画布的缩放步长、禁用状态等属性
|
|
67
|
-
*/
|
|
68
|
-
canvas?: RCropperCanvas;
|
|
69
|
-
}
|
|
70
|
-
export
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type Cropper from 'cropperjs';
|
|
3
|
+
import type { CropperGrid, CropperSelection, CropperImage, CropperCanvas, CropperHandle } from 'cropperjs';
|
|
4
|
+
export type RCropperGrid = Partial<Pick<CropperGrid, 'rows' | 'columns'>>;
|
|
5
|
+
export type RCropperSelection = Partial<Pick<CropperSelection, 'x' | 'y' | 'width' | 'height' | 'aspectRatio' | 'initialAspectRatio' | 'zoomable' | 'resizable'>>;
|
|
6
|
+
export type RCropperImage = Partial<Pick<CropperImage, 'rotatable' | 'scalable' | 'skewable' | 'translatable'>>;
|
|
7
|
+
export type RCropperCanvas = Partial<Pick<CropperCanvas, 'scaleStep' | 'disabled'>>;
|
|
8
|
+
export interface RCropperEvents {
|
|
9
|
+
onCrop?(_src: string | undefined, _file?: File): void;
|
|
10
|
+
onZoom?(imgData: number[] | undefined): void;
|
|
11
|
+
onRotate?(imgData: number[] | undefined): void;
|
|
12
|
+
onFlip?(imgData: number[] | undefined): void;
|
|
13
|
+
onReset?(imgData: number[] | undefined): void;
|
|
14
|
+
onCancelCrop?(selectionData: {
|
|
15
|
+
x: number;
|
|
16
|
+
y: number;
|
|
17
|
+
width: number;
|
|
18
|
+
height: number;
|
|
19
|
+
}): void;
|
|
20
|
+
}
|
|
21
|
+
export interface RCropperActionHandlers {
|
|
22
|
+
handleCrop: () => Promise<void>;
|
|
23
|
+
handleZoomIn: () => void;
|
|
24
|
+
handleZoomOut: () => void;
|
|
25
|
+
handleRotateLeft: () => void;
|
|
26
|
+
handleRotateRight: () => void;
|
|
27
|
+
handleFlipX: () => void;
|
|
28
|
+
handleFlipY: () => void;
|
|
29
|
+
handleReset: () => void;
|
|
30
|
+
handleCancelCrop: () => void;
|
|
31
|
+
}
|
|
32
|
+
export interface RCropperRef {
|
|
33
|
+
cropper: Cropper | null;
|
|
34
|
+
image: CropperImage | null;
|
|
35
|
+
canvas: CropperCanvas | null;
|
|
36
|
+
selection: CropperSelection | null;
|
|
37
|
+
}
|
|
38
|
+
export interface RCropperProps extends RCropperEvents {
|
|
39
|
+
/**
|
|
40
|
+
* 图片的源地址
|
|
41
|
+
* @description 可以是本地图片路径或网络图片URL
|
|
42
|
+
*/
|
|
43
|
+
src: string;
|
|
44
|
+
alt?: string;
|
|
45
|
+
className?: string;
|
|
46
|
+
style?: React.CSSProperties;
|
|
47
|
+
/**
|
|
48
|
+
* 拖拽模式
|
|
49
|
+
* @default 'crop'
|
|
50
|
+
* @description 'crop' - 裁剪模式, 'move' - 移动模式, 'none' - 禁用拖拽
|
|
51
|
+
*/
|
|
52
|
+
dragMode?: 'crop' | 'move' | 'none';
|
|
53
|
+
grid?: RCropperGrid;
|
|
54
|
+
/**
|
|
55
|
+
* 裁剪区域的配置
|
|
56
|
+
* @description 可以设置裁剪区域的宽度、高度、纵横比等属性
|
|
57
|
+
*/
|
|
58
|
+
selection?: RCropperSelection;
|
|
59
|
+
/**
|
|
60
|
+
* 图片的配置
|
|
61
|
+
* @description 可以设置图片的旋转、缩放、倾斜、平移等属性
|
|
62
|
+
*/
|
|
63
|
+
image?: RCropperImage;
|
|
64
|
+
/**
|
|
65
|
+
* 画布的配置
|
|
66
|
+
* @description 可以设置画布的缩放步长、禁用状态等属性
|
|
67
|
+
*/
|
|
68
|
+
canvas?: RCropperCanvas;
|
|
69
|
+
}
|
|
70
|
+
export type RCropperElement = CropperCanvas | CropperGrid | CropperSelection | CropperImage | CropperHandle | null;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const CropIcon: React.FC<{
|
|
3
|
-
className?: string;
|
|
4
|
-
}>;
|
|
5
|
-
export declare const ZoomInIcon: React.FC<{
|
|
6
|
-
className?: string;
|
|
7
|
-
}>;
|
|
8
|
-
export declare const ZoomOutIcon: React.FC<{
|
|
9
|
-
className?: string;
|
|
10
|
-
}>;
|
|
11
|
-
export declare const FlipHIcon: React.FC<{
|
|
12
|
-
className?: string;
|
|
13
|
-
}>;
|
|
14
|
-
export declare const FlipVIcon: React.FC<{
|
|
15
|
-
className?: string;
|
|
16
|
-
}>;
|
|
17
|
-
export declare const RotateLeftIcon: React.FC<{
|
|
18
|
-
className?: string;
|
|
19
|
-
}>;
|
|
20
|
-
export declare const RotateRightIcon: React.FC<{
|
|
21
|
-
className?: string;
|
|
22
|
-
}>;
|
|
23
|
-
export declare const ResetIcon: React.FC<{
|
|
24
|
-
className?: string;
|
|
25
|
-
}>;
|
|
26
|
-
export declare const OkIcon: React.FC<{
|
|
27
|
-
className?: string;
|
|
28
|
-
}>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const CropIcon: React.FC<{
|
|
3
|
+
className?: string;
|
|
4
|
+
}>;
|
|
5
|
+
export declare const ZoomInIcon: React.FC<{
|
|
6
|
+
className?: string;
|
|
7
|
+
}>;
|
|
8
|
+
export declare const ZoomOutIcon: React.FC<{
|
|
9
|
+
className?: string;
|
|
10
|
+
}>;
|
|
11
|
+
export declare const FlipHIcon: React.FC<{
|
|
12
|
+
className?: string;
|
|
13
|
+
}>;
|
|
14
|
+
export declare const FlipVIcon: React.FC<{
|
|
15
|
+
className?: string;
|
|
16
|
+
}>;
|
|
17
|
+
export declare const RotateLeftIcon: React.FC<{
|
|
18
|
+
className?: string;
|
|
19
|
+
}>;
|
|
20
|
+
export declare const RotateRightIcon: React.FC<{
|
|
21
|
+
className?: string;
|
|
22
|
+
}>;
|
|
23
|
+
export declare const ResetIcon: React.FC<{
|
|
24
|
+
className?: string;
|
|
25
|
+
}>;
|
|
26
|
+
export declare const OkIcon: React.FC<{
|
|
27
|
+
className?: string;
|
|
28
|
+
}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import './styles/toolbar.less';
|
|
2
|
-
declare const Toolbar: ({ onAction }: {
|
|
3
|
-
onAction: any;
|
|
4
|
-
}) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
-
export default Toolbar;
|
|
1
|
+
import './styles/toolbar.less';
|
|
2
|
+
declare const Toolbar: ({ onAction }: {
|
|
3
|
+
onAction: any;
|
|
4
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default Toolbar;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
export
|
|
5
|
-
export type {
|
|
6
|
-
export type { DraggableData, Position, Grid, RndDragCallback, RndDragEvent, RndResizeStartCallback, HandleStyles } from 'react-rnd';
|
|
1
|
+
import { Props } from 'react-rnd';
|
|
2
|
+
declare const RndDrag: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default RndDrag;
|
|
4
|
+
export type { Props as RndDragProps } from 'react-rnd';
|
|
5
|
+
export type { DraggableData, Position, Grid, RndDragCallback, RndDragEvent, RndResizeStartCallback, HandleStyles } from 'react-rnd';
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
(props:
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
export
|
|
8
|
-
export default ScrollNumber;
|
|
1
|
+
import { CountUpProps as ICountUpProps } from 'react-countup';
|
|
2
|
+
declare const ScrollNumber: {
|
|
3
|
+
(props: ICountUpProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
useCountUp: (props: import("react-countup/build/useCountUp").UseCountUpProps) => import("react-countup/build/types").CountUpApi;
|
|
5
|
+
};
|
|
6
|
+
export type ScrollNumberProps = ICountUpProps;
|
|
7
|
+
export default ScrollNumber;
|
|
@@ -1,32 +1,32 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import './style/index.less';
|
|
3
|
-
export interface SignaturePadHandle {
|
|
4
|
-
/** 清除画布 */
|
|
5
|
-
clear: () => void;
|
|
6
|
-
/** 获取签名图片的 base64 数据 */
|
|
7
|
-
getDataURL: () => string | undefined;
|
|
8
|
-
}
|
|
9
|
-
export interface SignaturePadProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
10
|
-
/** 画布宽度 */
|
|
11
|
-
width?: number;
|
|
12
|
-
/** 画布高度 */
|
|
13
|
-
height?: number;
|
|
14
|
-
/** 线条颜色 */
|
|
15
|
-
penColor?: string;
|
|
16
|
-
/** 线条粗细 */
|
|
17
|
-
penWidth?: number;
|
|
18
|
-
/** 背景颜色 */
|
|
19
|
-
backgroundColor?: string;
|
|
20
|
-
/** 清除按钮文字 */
|
|
21
|
-
clearText?: string;
|
|
22
|
-
/** 完成按钮文字 */
|
|
23
|
-
doneText?: string;
|
|
24
|
-
/** 是否显示工具栏 */
|
|
25
|
-
showToolbar?: boolean;
|
|
26
|
-
/** 签名完成回调 */
|
|
27
|
-
onDone?: (_dataUrl: string) => void;
|
|
28
|
-
/** 默认的签名图片(base64或图片URL) */
|
|
29
|
-
defaultValue?: string;
|
|
30
|
-
}
|
|
31
|
-
declare const SignaturePad: import("react").ForwardRefExoticComponent<SignaturePadProps & import("react").RefAttributes<SignaturePadHandle>>;
|
|
32
|
-
export default SignaturePad;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import './style/index.less';
|
|
3
|
+
export interface SignaturePadHandle {
|
|
4
|
+
/** 清除画布 */
|
|
5
|
+
clear: () => void;
|
|
6
|
+
/** 获取签名图片的 base64 数据 */
|
|
7
|
+
getDataURL: () => string | undefined;
|
|
8
|
+
}
|
|
9
|
+
export interface SignaturePadProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
/** 画布宽度 */
|
|
11
|
+
width?: number;
|
|
12
|
+
/** 画布高度 */
|
|
13
|
+
height?: number;
|
|
14
|
+
/** 线条颜色 */
|
|
15
|
+
penColor?: string;
|
|
16
|
+
/** 线条粗细 */
|
|
17
|
+
penWidth?: number;
|
|
18
|
+
/** 背景颜色 */
|
|
19
|
+
backgroundColor?: string;
|
|
20
|
+
/** 清除按钮文字 */
|
|
21
|
+
clearText?: string;
|
|
22
|
+
/** 完成按钮文字 */
|
|
23
|
+
doneText?: string;
|
|
24
|
+
/** 是否显示工具栏 */
|
|
25
|
+
showToolbar?: boolean;
|
|
26
|
+
/** 签名完成回调 */
|
|
27
|
+
onDone?: (_dataUrl: string) => void;
|
|
28
|
+
/** 默认的签名图片(base64或图片URL) */
|
|
29
|
+
defaultValue?: string;
|
|
30
|
+
}
|
|
31
|
+
declare const SignaturePad: import("react").ForwardRefExoticComponent<SignaturePadProps & import("react").RefAttributes<SignaturePadHandle>>;
|
|
32
|
+
export default SignaturePad;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TypewriterTextHandle, TypewriterTextProps } from './interface';
|
|
3
|
-
import './index.less';
|
|
4
|
-
declare const TypewriterText: import("react").ForwardRefExoticComponent<TypewriterTextProps & import("react").RefAttributes<TypewriterTextHandle>>;
|
|
5
|
-
export default TypewriterText;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TypewriterTextHandle, TypewriterTextProps } from './interface';
|
|
3
|
+
import './index.less';
|
|
4
|
+
declare const TypewriterText: import("react").ForwardRefExoticComponent<TypewriterTextProps & import("react").RefAttributes<TypewriterTextHandle>>;
|
|
5
|
+
export default TypewriterText;
|
|
@@ -1,42 +1,42 @@
|
|
|
1
|
-
import type { HTMLAttributes } from 'react';
|
|
2
|
-
export interface TypewriterTextHandle {
|
|
3
|
-
/** 暂停动画 */
|
|
4
|
-
pause: () => void;
|
|
5
|
-
/** 继续动画 */
|
|
6
|
-
resume: () => void;
|
|
7
|
-
/** 重置至第一段文字重新开始 */
|
|
8
|
-
reset: () => void;
|
|
9
|
-
/** 跳过当前段落直接进入下一段 */
|
|
10
|
-
skip: () => void;
|
|
11
|
-
}
|
|
12
|
-
export interface TypewriterTextProps extends HTMLAttributes<HTMLSpanElement> {
|
|
13
|
-
/** 展示文本,支持字符串数组 */
|
|
14
|
-
text: string | string[];
|
|
15
|
-
/** 打字速度,支持随机区间 */
|
|
16
|
-
speed?: number | {
|
|
17
|
-
min: number;
|
|
18
|
-
max: number;
|
|
19
|
-
};
|
|
20
|
-
/** 删除速度 */
|
|
21
|
-
deleteSpeed?: number;
|
|
22
|
-
/** 是否启用回删效果 */
|
|
23
|
-
backspace?: boolean;
|
|
24
|
-
/** 进入回删前的停顿时间,单位 ms */
|
|
25
|
-
pauseBeforeDelete?: number;
|
|
26
|
-
/** 每段文本开始前的停顿时间,单位 ms */
|
|
27
|
-
startDelay?: number;
|
|
28
|
-
/** 循环播放,true 表示无限循环,数字表示循环次数 */
|
|
29
|
-
loop?: boolean | number;
|
|
30
|
-
/** 是否展示光标 */
|
|
31
|
-
cursor?: boolean;
|
|
32
|
-
/** 光标字符 */
|
|
33
|
-
cursorChar?: string | React.ReactNode;
|
|
34
|
-
/** 光标闪烁速度 */
|
|
35
|
-
cursorBlinkSpeed?: number;
|
|
36
|
-
/** 每次新增字符时触发 */
|
|
37
|
-
onStep?: (_index: number, _output: string) => void;
|
|
38
|
-
/** 每段文本输入完成后触发(进入删除之前) */
|
|
39
|
-
onComplete?: () => void;
|
|
40
|
-
/** 控制屏幕阅读器播报行为 */
|
|
41
|
-
ariaLive?: 'off' | 'polite' | 'assertive';
|
|
42
|
-
}
|
|
1
|
+
import type { HTMLAttributes } from 'react';
|
|
2
|
+
export interface TypewriterTextHandle {
|
|
3
|
+
/** 暂停动画 */
|
|
4
|
+
pause: () => void;
|
|
5
|
+
/** 继续动画 */
|
|
6
|
+
resume: () => void;
|
|
7
|
+
/** 重置至第一段文字重新开始 */
|
|
8
|
+
reset: () => void;
|
|
9
|
+
/** 跳过当前段落直接进入下一段 */
|
|
10
|
+
skip: () => void;
|
|
11
|
+
}
|
|
12
|
+
export interface TypewriterTextProps extends HTMLAttributes<HTMLSpanElement> {
|
|
13
|
+
/** 展示文本,支持字符串数组 */
|
|
14
|
+
text: string | string[];
|
|
15
|
+
/** 打字速度,支持随机区间 */
|
|
16
|
+
speed?: number | {
|
|
17
|
+
min: number;
|
|
18
|
+
max: number;
|
|
19
|
+
};
|
|
20
|
+
/** 删除速度 */
|
|
21
|
+
deleteSpeed?: number;
|
|
22
|
+
/** 是否启用回删效果 */
|
|
23
|
+
backspace?: boolean;
|
|
24
|
+
/** 进入回删前的停顿时间,单位 ms */
|
|
25
|
+
pauseBeforeDelete?: number;
|
|
26
|
+
/** 每段文本开始前的停顿时间,单位 ms */
|
|
27
|
+
startDelay?: number;
|
|
28
|
+
/** 循环播放,true 表示无限循环,数字表示循环次数 */
|
|
29
|
+
loop?: boolean | number;
|
|
30
|
+
/** 是否展示光标 */
|
|
31
|
+
cursor?: boolean;
|
|
32
|
+
/** 光标字符 */
|
|
33
|
+
cursorChar?: string | React.ReactNode;
|
|
34
|
+
/** 光标闪烁速度 */
|
|
35
|
+
cursorBlinkSpeed?: number;
|
|
36
|
+
/** 每次新增字符时触发 */
|
|
37
|
+
onStep?: (_index: number, _output: string) => void;
|
|
38
|
+
/** 每段文本输入完成后触发(进入删除之前) */
|
|
39
|
+
onComplete?: () => void;
|
|
40
|
+
/** 控制屏幕阅读器播报行为 */
|
|
41
|
+
ariaLive?: 'off' | 'polite' | 'assertive';
|
|
42
|
+
}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
export default WordCloud;
|
|
1
|
+
import WordCloud2 from 'wordcloud';
|
|
2
|
+
export type WordCloudProps = {
|
|
3
|
+
list: WordCloud2.Options['list'];
|
|
4
|
+
className?: string;
|
|
5
|
+
tooltip?: boolean;
|
|
6
|
+
onClick?: WordCloud2.EventCallback;
|
|
7
|
+
options?: Partial<Omit<WordCloud2.Options, 'list' | 'hover' | 'click'>>;
|
|
8
|
+
};
|
|
9
|
+
declare const WordCloud: (props: WordCloudProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export default WordCloud;
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -1,62 +1,64 @@
|
|
|
1
|
-
export { default as LabelValue } from './LabelValue';
|
|
2
|
-
export type { LabelValueProps } from './LabelValue/interface';
|
|
3
|
-
export { default as AdvancedFilter } from './AdvancedFilter';
|
|
4
|
-
export type { AdvancedFilterProps, FormFilterProps, FotmItemProps, InputSearchProps } from './AdvancedFilter/interface';
|
|
5
|
-
export { default as AuthComponent } from './AuthComponent';
|
|
6
|
-
export type { AuthComponentProps } from './AuthComponent/interface';
|
|
7
|
-
export { default as ErrorBoundary } from './ErrorBoundary';
|
|
8
|
-
export { default as ConfigProvider } from './ConfigProvider';
|
|
9
|
-
export { default as PictureCard } from './PictureCard';
|
|
10
|
-
export type { PictureCardProps } from './PictureCard';
|
|
11
|
-
export { default as Loading, useLoading } from './Loading';
|
|
12
|
-
export type { LoadingProps } from './Loading/interface';
|
|
13
|
-
export { default as NoData } from './NoData';
|
|
14
|
-
export type { NoDataProps } from './NoData/interface';
|
|
15
|
-
export type { DInputProps } from './DInput';
|
|
16
|
-
export { default as DInput } from './DInput';
|
|
17
|
-
export type { DSelectProps } from './DSelect';
|
|
18
|
-
export { default as DSelect } from './DSelect';
|
|
19
|
-
export type { DCascaderProps } from './DCascader';
|
|
20
|
-
export { default as DCascader } from './DCascader';
|
|
21
|
-
export type { DTreeSelectProps } from './DTreeSelect';
|
|
22
|
-
export { default as DTreeSelect } from './DTreeSelect';
|
|
23
|
-
export type { DUploadProps, DUploadFile } from './DUpload';
|
|
24
|
-
export { default as DUpload } from './DUpload';
|
|
25
|
-
export type { DColumnType, DTableProps, DTableSourceProps, TableParamsProps } from './DTable';
|
|
26
|
-
export { default as DTable } from './DTable';
|
|
27
|
-
export type { DFormProps, DFormRefProps, DItemProps } from './DForm';
|
|
28
|
-
export { default as DForm } from './DForm';
|
|
29
|
-
export { default as DModal } from './DModal';
|
|
30
|
-
export type { DModalProps } from './DModal/interface';
|
|
31
|
-
export { default as ModalForm } from './ModalForm';
|
|
32
|
-
export type { ModalFormProps } from './ModalForm';
|
|
33
|
-
export { default as LoginForm } from './LoginForm';
|
|
34
|
-
export type { LoginFormProps } from './LoginForm';
|
|
35
|
-
export { default as ColorPicker } from './ColorPicker';
|
|
36
|
-
export type { ColorPickerType, TwitterPickerType, HuePickerType, AlphaPickerType, BlockPickerType, ChromePickerType, CompactPickerType, CirclePickerType, SliderPickerType, } from './ColorPicker/interface';
|
|
37
|
-
export { default as ScrollNumber } from './ScrollNumber';
|
|
38
|
-
export type { ScrollNumberProps } from './ScrollNumber';
|
|
39
|
-
export { default as TypewriterText } from './TypewriterText';
|
|
40
|
-
export type { TypewriterTextProps, TypewriterTextHandle } from './TypewriterText';
|
|
41
|
-
export type { WordCloudProps } from './WordCloud';
|
|
42
|
-
export { default as WordCloud } from './WordCloud';
|
|
43
|
-
export type { InfiniteScrollListProps } from './InfiniteScrollList';
|
|
44
|
-
export { default as InfiniteScrollList } from './InfiniteScrollList';
|
|
45
|
-
export { default as RndDrag } from './RndDrag';
|
|
46
|
-
export type { RndDragProps, DraggableData, Position, Grid, RndDragCallback, RndDragEvent, RndResizeStartCallback, HandleStyles } from './RndDrag';
|
|
47
|
-
export { default as RCropper } from './RCropper';
|
|
48
|
-
export type { RCropperProps, RCropperEvents, RCropperElement, RCropperRef, RCropperImage, RCropperCanvas, RCropperSelection, RCropperGrid, RCropperActionHandlers, } from './RCropper/interface';
|
|
49
|
-
export { default as IPAddress } from './IPAddress';
|
|
50
|
-
export type { IPAddressProps } from './IPAddress';
|
|
51
|
-
export { default as IconFont } from './IconFont';
|
|
52
|
-
export type { IconFontProps } from './IconFont';
|
|
53
|
-
export { default as AspectRatio } from './AspectRatio';
|
|
54
|
-
export type { AspectRatioProps } from './AspectRatio';
|
|
55
|
-
export { default as SignaturePad } from './SignaturePad';
|
|
56
|
-
export type { SignaturePadProps } from './SignaturePad';
|
|
57
|
-
export { default as ContextMenu } from './ContextMenu';
|
|
58
|
-
export type { ContextMenuProps } from './ContextMenu';
|
|
59
|
-
export { default as OrgTree } from './OrgTree';
|
|
60
|
-
export type { OrgTreeProps, OrgTreeNode } from './OrgTree/interface';
|
|
61
|
-
export { default as AnimatedScrollList } from './AnimatedScrollList';
|
|
62
|
-
export type { AnimatedScrollListProps } from './AnimatedScrollList/interface';
|
|
1
|
+
export { default as LabelValue } from './LabelValue';
|
|
2
|
+
export type { LabelValueProps } from './LabelValue/interface';
|
|
3
|
+
export { default as AdvancedFilter } from './AdvancedFilter';
|
|
4
|
+
export type { AdvancedFilterProps, FormFilterProps, FotmItemProps, InputSearchProps } from './AdvancedFilter/interface';
|
|
5
|
+
export { default as AuthComponent } from './AuthComponent';
|
|
6
|
+
export type { AuthComponentProps } from './AuthComponent/interface';
|
|
7
|
+
export { default as ErrorBoundary } from './ErrorBoundary';
|
|
8
|
+
export { default as ConfigProvider } from './ConfigProvider';
|
|
9
|
+
export { default as PictureCard } from './PictureCard';
|
|
10
|
+
export type { PictureCardProps } from './PictureCard';
|
|
11
|
+
export { default as Loading, useLoading } from './Loading';
|
|
12
|
+
export type { LoadingProps } from './Loading/interface';
|
|
13
|
+
export { default as NoData } from './NoData';
|
|
14
|
+
export type { NoDataProps } from './NoData/interface';
|
|
15
|
+
export type { DInputProps } from './DInput';
|
|
16
|
+
export { default as DInput } from './DInput';
|
|
17
|
+
export type { DSelectProps } from './DSelect';
|
|
18
|
+
export { default as DSelect } from './DSelect';
|
|
19
|
+
export type { DCascaderProps } from './DCascader';
|
|
20
|
+
export { default as DCascader } from './DCascader';
|
|
21
|
+
export type { DTreeSelectProps } from './DTreeSelect';
|
|
22
|
+
export { default as DTreeSelect } from './DTreeSelect';
|
|
23
|
+
export type { DUploadProps, DUploadFile } from './DUpload';
|
|
24
|
+
export { default as DUpload } from './DUpload';
|
|
25
|
+
export type { DColumnType, DTableProps, DTableSourceProps, TableParamsProps } from './DTable';
|
|
26
|
+
export { default as DTable } from './DTable';
|
|
27
|
+
export type { DFormProps, DFormRefProps, DItemProps } from './DForm';
|
|
28
|
+
export { default as DForm } from './DForm';
|
|
29
|
+
export { default as DModal } from './DModal';
|
|
30
|
+
export type { DModalProps } from './DModal/interface';
|
|
31
|
+
export { default as ModalForm } from './ModalForm';
|
|
32
|
+
export type { ModalFormProps } from './ModalForm';
|
|
33
|
+
export { default as LoginForm } from './LoginForm';
|
|
34
|
+
export type { LoginFormProps } from './LoginForm';
|
|
35
|
+
export { default as ColorPicker } from './ColorPicker';
|
|
36
|
+
export type { ColorPickerType, TwitterPickerType, HuePickerType, AlphaPickerType, BlockPickerType, ChromePickerType, CompactPickerType, CirclePickerType, SliderPickerType, } from './ColorPicker/interface';
|
|
37
|
+
export { default as ScrollNumber } from './ScrollNumber';
|
|
38
|
+
export type { ScrollNumberProps } from './ScrollNumber';
|
|
39
|
+
export { default as TypewriterText } from './TypewriterText';
|
|
40
|
+
export type { TypewriterTextProps, TypewriterTextHandle } from './TypewriterText/interface';
|
|
41
|
+
export type { WordCloudProps } from './WordCloud';
|
|
42
|
+
export { default as WordCloud } from './WordCloud';
|
|
43
|
+
export type { InfiniteScrollListProps } from './InfiniteScrollList';
|
|
44
|
+
export { default as InfiniteScrollList } from './InfiniteScrollList';
|
|
45
|
+
export { default as RndDrag } from './RndDrag';
|
|
46
|
+
export type { RndDragProps, DraggableData, Position, Grid, RndDragCallback, RndDragEvent, RndResizeStartCallback, HandleStyles } from './RndDrag';
|
|
47
|
+
export { default as RCropper } from './RCropper';
|
|
48
|
+
export type { RCropperProps, RCropperEvents, RCropperElement, RCropperRef, RCropperImage, RCropperCanvas, RCropperSelection, RCropperGrid, RCropperActionHandlers, } from './RCropper/interface';
|
|
49
|
+
export { default as IPAddress } from './IPAddress';
|
|
50
|
+
export type { IPAddressProps } from './IPAddress';
|
|
51
|
+
export { default as IconFont } from './IconFont';
|
|
52
|
+
export type { IconFontProps } from './IconFont';
|
|
53
|
+
export { default as AspectRatio } from './AspectRatio';
|
|
54
|
+
export type { AspectRatioProps } from './AspectRatio';
|
|
55
|
+
export { default as SignaturePad } from './SignaturePad';
|
|
56
|
+
export type { SignaturePadProps } from './SignaturePad';
|
|
57
|
+
export { default as ContextMenu } from './ContextMenu';
|
|
58
|
+
export type { ContextMenuProps } from './ContextMenu';
|
|
59
|
+
export { default as OrgTree } from './OrgTree';
|
|
60
|
+
export type { OrgTreeProps, OrgTreeNode } from './OrgTree/interface';
|
|
61
|
+
export { default as AnimatedScrollList } from './AnimatedScrollList';
|
|
62
|
+
export type { AnimatedScrollListProps } from './AnimatedScrollList/interface';
|
|
63
|
+
export { default as DRangePicker } from './DRangePicker';
|
|
64
|
+
export type { DRangePickerProps } from './DRangePicker/interface';
|
package/dist/esm/index.js
CHANGED
|
@@ -29,4 +29,5 @@ export { default as AspectRatio } from "./AspectRatio";
|
|
|
29
29
|
export { default as SignaturePad } from "./SignaturePad";
|
|
30
30
|
export { default as ContextMenu } from "./ContextMenu";
|
|
31
31
|
export { default as OrgTree } from "./OrgTree";
|
|
32
|
-
export { default as AnimatedScrollList } from "./AnimatedScrollList";
|
|
32
|
+
export { default as AnimatedScrollList } from "./AnimatedScrollList";
|
|
33
|
+
export { default as DRangePicker } from "./DRangePicker";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.pui-label-value{display:inline-flex}.pui-label-value span:first-child{max-width:120px;padding-right:4px;white-space:nowrap}.pui-label-value span:last-child{flex:1 1}.pui-label-value span:last-child.no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-search-filter{align-items:center;background-color:#fff;margin-top:10px;width:100%}.pui-search-filter span.ant-collapse-header-text{cursor:auto!important;display:inline-block;width:100%}.pui-search-filter .ant-collapse-content-box{padding:0}.pui-search-filter .search-header{display:flex;width:100%}.pui-search-filter .search-header .left{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:no-wrap}.pui-search-filter .search-header .left :global .ant-radio-wrapper:first-child{border-left:1px solid #d9d9d9;border-radius:5px 0 0 5px}.pui-search-filter .search-header .left :global .ant-radio-wrapper:last-child{border-radius:0 5px 5px 0}.pui-search-filter .search-header .left :global .ant-radio-wrapper{border:1px solid #d9d9d9;border-left-color:#fff;margin-right:0;padding:4px 6px}.pui-search-filter .search-header .left :global .ant-radio-wrapper .ant-radio{display:none}.pui-search-filter .search-header .left :global .ant-radio-wrapper:hover{color:#1890ff}.pui-search-filter .search-header .left :global .ant-radio-wrapper-checked{background:#fff;border:1px solid #1890ff;border-left:1px solid #1890ff!important;color:#1890ff;z-index:1}.pui-search-filter .search-header .right{display:flex;justify-content:center}.pui-search-filter .search-header .right .input{border-radius:4px;width:200px}.pui-search-filter .search-header .right .button{background-color:#ff7e00;border-radius:4px;color:#fff;margin-left:10px}.pui-search-filter .search-header .right .button:active,.pui-search-filter .search-header .right .button:focus,.pui-search-filter .search-header .right .button:hover{border-color:transparent}.pui-search-filter .search-header .right .button .icon{margin-left:8px;transition:transform .4s}.pui-search-filter .search-header .right .button .icon.down{transform:rotate(180deg)}.pui-search-filter .search-header .right .button .icon.up{transform:rotate(0deg)}.pui-search-filter .title{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-weight:700;margin:0 10px;padding-bottom:10px}.pui-search-filter .title span.icon{background-color:#ff7e00;border-radius:2px;height:16px;margin-right:6px;width:4px}.pui-search-filter .search-content .filter-row{display:flex;flex-wrap:wrap;padding:10px;width:100%}.pui-search-filter .search-content .filter-col{height:30px;line-height:30px;margin-bottom:10px}.pui-search-filter .search-content .filter-col .ant-picker{width:100%}.pui-search-filter .search-content .search-btn{justify-content:center}.pui-search-filter .search-content .search-btn>button{margin:0 5px}.pui-error-boundary{align-items:center;background-color:#dd7f7f;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:15px;width:auto}.pui-error-boundary .error-text{margin-top:20px}.pui-error-boundary .error-refresh{background-color:#4593ef;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:40px;line-height:40px;text-align:center;width:140px}.pui-error-boundary .errorDetiles .detilesLink{color:blue}.pui-error-boundary .errorDetiles .errordetails{background-color:#ccc6be;border:1px solid #777;border-radius:5px;color:#777;font-size:80%;padding:10px}.pui-picture-card{display:inline-block;padding:10px;transition:box-shadow .3s linear}.pui-picture-card .info{margin-top:10px}.pui-picture-card-bordered{border:1px solid rgba(0,0,0,.06)}.pui-picture-card-hoverable:hover{border-color:transparent;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09);cursor:pointer}.pui-picture-card.horizontal{display:flex;justify-content:space-around}.pui-loading .mask{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100000}.pui-loading .loading{background:#fff;border-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,.2);padding:20px;z-index:100001}.pui-loading .loading,.pui-nodata{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pui-nodata .not-data-image{display:block;height:100px}.pui-nodata .no-data-text{color:#000;display:inline-block;font-size:14px;font-weight:400;margin-top:5px;opacity:.65;text-align:center;width:100%}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar{height:8px;width:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-track{border-radius:2px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper .ant-select-tree-title{overflow:hidden}.pui-upload .preview .ant-upload-list-item-actions a[target=_blank][rel="noopener noreferrer"]{opacity:1!important;pointer-events:auto!important}.pui-upload .ant-upload-list.ant-upload-list-picture-card .ant-upload-span .ant-upload-list-item-thumbnail{height:46px}.pui-upload .ant-upload-list.ant-upload-list-picture-card .ant-upload-span .ant-upload-list-item-name{display:inline;display:initial;position:absolute}.pui-table .ant-spin-container,.pui-table .ant-spin-nested-loading,.pui-table .ant-table,.pui-table .ant-table-container{height:100%;width:100%}.pui-table .ant-table-body{max-height:calc(100% - 56px);max-width:100%;min-height:calc(100% - 56px);min-width:100%;overflow-y:auto!important;position:absolute}.pui-table .ant-table-body .ant-table-tbody>tr>td.ant-table-cell.d-table-cell-wrap{white-space:normal}.pui-table .ant-table-body::-webkit-scrollbar{height:8px;width:4px}.pui-table .ant-table-body::-webkit-scrollbar-thumb{background-color:#0084ff}.pui-table .ant-table-body::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:2px}.pui-table .ant-table-body::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-table .ant-spin-nested-loading>div>.ant-spin{max-height:none}.pui-table .ant-pagination-total-text span{color:#40a9ff;font-weight:700}.pui-table.height-on-page .ant-table{height:calc(100% - 56px)}.pui-ip-address{border:1px solid #d9d9d9;border-radius:2px;display:inline-block;transition:all .3s}.pui-ip-address.small{height:24px}.pui-ip-address.large{padding:6.5px 10px}.pui-ip-address.middle{padding:4px 10px}.pui-ip-address.disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:rgba(0,0,0,.25);cursor:not-allowed;opacity:1}.pui-ip-address.disabled:hover{border-color:#d9d9d9}.pui-ip-address:hover{border-color:#4d90ff}.pui-ip-address:focus-within{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.pui-ip-address input{font-feature-settings:"tnum","tnum";background:none;border:none;box-sizing:border-box;color:#000000d9;display:inline-block;font-size:14px;font-variant:tabular-nums;line-height:1.5715;margin:0;outline:0;padding:0;position:relative;text-align:center}.pui-ip-address input[disabled]{color:inherit;cursor:not-allowed}.pui-ip-address input[type=number]{appearance:textfield}.pui-ip-address input[type=number]::-webkit-inner-spin-button,.pui-ip-address input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.pui-form .form-wrapper>.ant-form-item{margin-bottom:24px;margin-right:0;min-height:32px}.pui-form .ant-input-number,.pui-form .ant-picker{width:100%}.pui-form.ant-form-horizontal .form-wrapper>.ant-form-item:last-child,.pui-form.ant-form-vertical .form-wrapper>.ant-form-item:last-child{margin-bottom:0}.pui-form.ant-form-horizontal .ant-form-item-label{min-width:80px}.pui-form.ant-form-inline .form-wrapper,.pui-form.ant-form-inline.inlineVertical .form-wrapper{align-items:flex-end;display:flex;flex:1 1;flex-wrap:wrap;height:min-content}.pui-form.ant-form-inline .form-wrapper>.ant-form-item,.pui-form.ant-form-inline.inlineVertical .form-wrapper>.ant-form-item{padding-right:16px}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row{flex-direction:column}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row .ant-form-item-label{text-align:left}.pui-form.ant-form-inline.inlineVertical .grid-row{flex:1 1}.pui-modal-container .ant-modal-wrap .ant-modal{height:100%;max-width:none}.pui-modal-container .ant-modal-wrap .ant-modal .ant-modal-content{height:100%;width:100%}.pui-absolute-modal-container .ant-modal-wrap{position:fixed}.pui-relative-modal-container .ant-modal-wrap{position:absolute}.pui-color-picker .sketch-picker{box-shadow:none!important;padding:0!important}.trigger{border:5px solid #fff;border-radius:2px;box-shadow:0 0 2px #000;cursor:pointer;display:inline-block;height:26px;width:60px}.pui-typewriter-text{font-feature-settings:none;display:inline-block;font-variant-ligatures:none;min-height:1em;position:relative}.pui-typewriter-text-cursor{animation-fill-mode:both;animation-iteration-count:infinite;animation-name:pc-typewriter-cursor-blink;animation-timing-function:step-end;display:inline-block;margin-left:4px}@keyframes pc-typewriter-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.pui-infinite-scroll-wrapper .ant-list .ant-row{margin-right:0!important}.scroll-container{overflow-x:hidden;overflow-y:auto;position:relative}.scroll-container .backtop{right:50px}.scroll-container .up{background:#007aff;border-radius:3px;color:#fff;text-align:center}.toolbar{background-color:rgba(0,0,0,.5);color:#fff;justify-content:center}.toolbar,.toolbar button{align-items:center;display:flex}.toolbar button{background-color:transparent;border-width:0;cursor:pointer}.toolbar button:hover{background-color:#0074d9}.toolbar .icon>path{fill:#fff}.pui-signature-pad{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.pui-signature-pad-canvas{border:1px solid #d9d9d9;border-radius:4px}.pui-signature-pad-toolbar{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;text-align:center}.pui-signature-pad-button{background-color:#fff;border:1px solid #1677ff;border-radius:4px;color:#1677ff;cursor:pointer;height:32px;min-width:64px;padding:4px 16px;transition:all .3s}.pui-signature-pad-button:hover{background-color:#f0f5ff}.pui-signature-pad-button:last-child{background-color:#1677ff;color:#fff}.pui-signature-pad-button:last-child:hover{background-color:#4096ff}.pui-context-menu{animation:contextmenu-show .2s ease-out forwards;background:#fff;border:1px solid #f0f0f0;border-radius:1px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);min-width:120px;opacity:0;padding:4px 0;transform:scale(.8);transform-origin:top left}.pui-context-menu-item{align-items:center;color:rgba(0,0,0,.88);cursor:pointer;display:flex;gap:8px;padding:5px 12px;transition:all .3s;-ms-user-select:none;user-select:none}.pui-context-menu-item:hover{background:rgba(0,0,0,.04)}.pui-context-menu-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.pui-context-menu-item-disabled:hover{background:none}.pui-context-menu-item-divider{background:#f0f0f0;height:1px;margin:4px 0}@keyframes contextmenu-show{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pui-org-tree{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;position:relative;width:100%}.pui-org-tree .org-tree-node-label{cursor:pointer}.pui-animated-scroll-list{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.pui-animated-scroll-list-header{flex-shrink:0}.pui-animated-scroll-list-body{overflow:hidden;position:relative}.pui-animated-scroll-list-content{position:relative}
|
|
1
|
+
.pui-label-value{display:inline-flex}.pui-label-value span:first-child{max-width:120px;padding-right:4px;white-space:nowrap}.pui-label-value span:last-child{flex:1 1}.pui-label-value span:last-child.no-wrap{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-search-filter{align-items:center;background-color:#fff;margin-top:10px;width:100%}.pui-search-filter span.ant-collapse-header-text{cursor:auto!important;display:inline-block;width:100%}.pui-search-filter .ant-collapse-content-box{padding:0}.pui-search-filter .search-header{display:flex;width:100%}.pui-search-filter .search-header .left{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:no-wrap}.pui-search-filter .search-header .left :global .ant-radio-wrapper:first-child{border-left:1px solid #d9d9d9;border-radius:5px 0 0 5px}.pui-search-filter .search-header .left :global .ant-radio-wrapper:last-child{border-radius:0 5px 5px 0}.pui-search-filter .search-header .left :global .ant-radio-wrapper{border:1px solid #d9d9d9;border-left-color:#fff;margin-right:0;padding:4px 6px}.pui-search-filter .search-header .left :global .ant-radio-wrapper .ant-radio{display:none}.pui-search-filter .search-header .left :global .ant-radio-wrapper:hover{color:#1890ff}.pui-search-filter .search-header .left :global .ant-radio-wrapper-checked{background:#fff;border:1px solid #1890ff;border-left:1px solid #1890ff!important;color:#1890ff;z-index:1}.pui-search-filter .search-header .right{display:flex;justify-content:center}.pui-search-filter .search-header .right .input{border-radius:4px;width:200px}.pui-search-filter .search-header .right .button{background-color:#ff7e00;border-radius:4px;color:#fff;margin-left:10px}.pui-search-filter .search-header .right .button:active,.pui-search-filter .search-header .right .button:focus,.pui-search-filter .search-header .right .button:hover{border-color:transparent}.pui-search-filter .search-header .right .button .icon{margin-left:8px;transition:transform .4s}.pui-search-filter .search-header .right .button .icon.down{transform:rotate(180deg)}.pui-search-filter .search-header .right .button .icon.up{transform:rotate(0deg)}.pui-search-filter .title{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;font-weight:700;margin:0 10px;padding-bottom:10px}.pui-search-filter .title span.icon{background-color:#ff7e00;border-radius:2px;height:16px;margin-right:6px;width:4px}.pui-search-filter .search-content .filter-row{display:flex;flex-wrap:wrap;padding:10px;width:100%}.pui-search-filter .search-content .filter-col{height:30px;line-height:30px;margin-bottom:10px}.pui-search-filter .search-content .filter-col .ant-picker{width:100%}.pui-search-filter .search-content .search-btn{justify-content:center}.pui-search-filter .search-content .search-btn>button{margin:0 5px}.pui-error-boundary{align-items:center;background-color:#dd7f7f;border-radius:10px;display:flex;flex-direction:column;justify-content:center;margin:20px;padding:15px;width:auto}.pui-error-boundary .error-text{margin-top:20px}.pui-error-boundary .error-refresh{background-color:#4593ef;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;height:40px;line-height:40px;text-align:center;width:140px}.pui-error-boundary .errorDetiles .detilesLink{color:blue}.pui-error-boundary .errorDetiles .errordetails{background-color:#ccc6be;border:1px solid #777;border-radius:5px;color:#777;font-size:80%;padding:10px}.pui-picture-card{display:inline-block;padding:10px;transition:box-shadow .3s linear}.pui-picture-card .info{margin-top:10px}.pui-picture-card-bordered{border:1px solid rgba(0,0,0,.06)}.pui-picture-card-hoverable:hover{border-color:transparent;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09);cursor:pointer}.pui-picture-card.horizontal{display:flex;justify-content:space-around}.pui-loading .mask{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:100000}.pui-loading .loading{background:#fff;border-radius:10px;box-shadow:3px 3px 3px rgba(0,0,0,.2);padding:20px;z-index:100001}.pui-loading .loading,.pui-nodata{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.pui-nodata .not-data-image{display:block;height:100px}.pui-nodata .no-data-text{color:#000;display:inline-block;font-size:14px;font-weight:400;margin-top:5px;opacity:.65;text-align:center;width:100%}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar{height:8px;width:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.5);border-radius:8px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-track{border-radius:2px}.pui-cascader-dropdown .ant-cascader-menu::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pui-tree-select-dropdown .ant-select-tree-node-content-wrapper .ant-select-tree-title{overflow:hidden}.pui-upload .preview .ant-upload-list-item-actions a[target=_blank][rel="noopener noreferrer"]{opacity:1!important;pointer-events:auto!important}.pui-upload .ant-upload-list.ant-upload-list-picture-card .ant-upload-span .ant-upload-list-item-thumbnail{height:46px}.pui-upload .ant-upload-list.ant-upload-list-picture-card .ant-upload-span .ant-upload-list-item-name{display:inline;display:initial;position:absolute}.pui-table .ant-spin-container,.pui-table .ant-spin-nested-loading,.pui-table .ant-table,.pui-table .ant-table-container{height:100%;width:100%}.pui-table .ant-table-body{max-height:calc(100% - 56px);max-width:100%;min-height:calc(100% - 56px);min-width:100%;overflow-y:auto!important;position:absolute}.pui-table .ant-table-body .ant-table-tbody>tr>td.ant-table-cell.d-table-cell-wrap{white-space:normal}.pui-table .ant-table-body::-webkit-scrollbar{height:8px;width:4px}.pui-table .ant-table-body::-webkit-scrollbar-thumb{background-color:#0084ff}.pui-table .ant-table-body::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:2px}.pui-table .ant-table-body::-webkit-scrollbar-corner{background-color:#f1f1f1}.pui-table .ant-spin-nested-loading>div>.ant-spin{max-height:none}.pui-table .ant-pagination-total-text span{color:#40a9ff;font-weight:700}.pui-table.height-on-page .ant-table{height:calc(100% - 56px)}.pui-ip-address{border:1px solid #d9d9d9;border-radius:2px;display:inline-block;transition:all .3s}.pui-ip-address.small{height:24px}.pui-ip-address.large{padding:6.5px 10px}.pui-ip-address.middle{padding:4px 10px}.pui-ip-address.disabled{background-color:#f5f5f5;border-color:#d9d9d9;box-shadow:none;color:rgba(0,0,0,.25);cursor:not-allowed;opacity:1}.pui-ip-address.disabled:hover{border-color:#d9d9d9}.pui-ip-address:hover{border-color:#4d90ff}.pui-ip-address:focus-within{border-color:#40a9ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.pui-ip-address input{font-feature-settings:"tnum","tnum";background:none;border:none;box-sizing:border-box;color:#000000d9;display:inline-block;font-size:14px;font-variant:tabular-nums;line-height:1.5715;margin:0;outline:0;padding:0;position:relative;text-align:center}.pui-ip-address input[disabled]{color:inherit;cursor:not-allowed}.pui-ip-address input[type=number]{appearance:textfield}.pui-ip-address input[type=number]::-webkit-inner-spin-button,.pui-ip-address input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}.pui-range-picker-left .ant-picker-panel-container,.pui-range-picker-right .ant-picker-panel-container{display:flex}.pui-range-picker-left .ant-picker-footer,.pui-range-picker-right .ant-picker-footer{flex:1 1;min-width:40px}.pui-range-picker-left .ant-picker-ranges,.pui-range-picker-right .ant-picker-ranges{display:flex;flex-direction:column}.pui-range-picker-left .ant-picker-preset .ant-tag,.pui-range-picker-right .ant-picker-preset .ant-tag{margin-right:0}.pui-range-picker-left .ant-picker-panel-container{flex-direction:row-reverse}.pui-form .form-wrapper>.ant-form-item{margin-bottom:24px;margin-right:0;min-height:32px}.pui-form .ant-input-number,.pui-form .ant-picker{width:100%}.pui-form.ant-form-horizontal .form-wrapper>.ant-form-item:last-child,.pui-form.ant-form-vertical .form-wrapper>.ant-form-item:last-child{margin-bottom:0}.pui-form.ant-form-horizontal .ant-form-item-label{min-width:80px}.pui-form.ant-form-inline .form-wrapper,.pui-form.ant-form-inline.inlineVertical .form-wrapper{align-items:flex-end;display:flex;flex:1 1;flex-wrap:wrap;height:min-content}.pui-form.ant-form-inline .form-wrapper>.ant-form-item,.pui-form.ant-form-inline.inlineVertical .form-wrapper>.ant-form-item{padding-right:16px}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row{flex-direction:column}.pui-form.ant-form-inline.inlineVertical .ant-form-item-row .ant-form-item-label{text-align:left}.pui-form.ant-form-inline.inlineVertical .grid-row{flex:1 1}.pui-modal-container .ant-modal-wrap .ant-modal{height:100%;max-width:none}.pui-modal-container .ant-modal-wrap .ant-modal .ant-modal-content{height:100%;width:100%}.pui-absolute-modal-container .ant-modal-wrap{position:fixed}.pui-relative-modal-container .ant-modal-wrap{position:absolute}.pui-color-picker .sketch-picker{box-shadow:none!important;padding:0!important}.trigger{border:5px solid #fff;border-radius:2px;box-shadow:0 0 2px #000;cursor:pointer;display:inline-block;height:26px;width:60px}.pui-typewriter-text{font-feature-settings:none;display:inline-block;font-variant-ligatures:none;min-height:1em;position:relative}.pui-typewriter-text-cursor{animation-fill-mode:both;animation-iteration-count:infinite;animation-name:pc-typewriter-cursor-blink;animation-timing-function:step-end;display:inline-block;margin-left:4px}@keyframes pc-typewriter-cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.pui-infinite-scroll-wrapper .ant-list .ant-row{margin-right:0!important}.scroll-container{overflow-x:hidden;overflow-y:auto;position:relative}.scroll-container .backtop{right:50px}.scroll-container .up{background:#007aff;border-radius:3px;color:#fff;text-align:center}.toolbar{background-color:rgba(0,0,0,.5);color:#fff;justify-content:center}.toolbar,.toolbar button{align-items:center;display:flex}.toolbar button{background-color:transparent;border-width:0;cursor:pointer}.toolbar button:hover{background-color:#0074d9}.toolbar .icon>path{fill:#fff}.pui-signature-pad{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative}.pui-signature-pad-canvas{border:1px solid #d9d9d9;border-radius:4px}.pui-signature-pad-toolbar{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;text-align:center}.pui-signature-pad-button{background-color:#fff;border:1px solid #1677ff;border-radius:4px;color:#1677ff;cursor:pointer;height:32px;min-width:64px;padding:4px 16px;transition:all .3s}.pui-signature-pad-button:hover{background-color:#f0f5ff}.pui-signature-pad-button:last-child{background-color:#1677ff;color:#fff}.pui-signature-pad-button:last-child:hover{background-color:#4096ff}.pui-context-menu{animation:contextmenu-show .2s ease-out forwards;background:#fff;border:1px solid #f0f0f0;border-radius:1px;box-shadow:0 3px 6px -4px rgba(0,0,0,.12),0 6px 16px 0 rgba(0,0,0,.08),0 9px 28px 8px rgba(0,0,0,.05);min-width:120px;opacity:0;padding:4px 0;transform:scale(.8);transform-origin:top left}.pui-context-menu-item{align-items:center;color:rgba(0,0,0,.88);cursor:pointer;display:flex;gap:8px;padding:5px 12px;transition:all .3s;-ms-user-select:none;user-select:none}.pui-context-menu-item:hover{background:rgba(0,0,0,.04)}.pui-context-menu-item-disabled{color:rgba(0,0,0,.25);cursor:not-allowed}.pui-context-menu-item-disabled:hover{background:none}.pui-context-menu-item-divider{background:#f0f0f0;height:1px;margin:4px 0}@keyframes contextmenu-show{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.pui-org-tree{align-items:center;display:flex;height:100%;justify-content:center;overflow:auto;position:relative;width:100%}.pui-org-tree .org-tree-node-label{cursor:pointer}.pui-animated-scroll-list{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.pui-animated-scroll-list-header{flex-shrink:0}.pui-animated-scroll-list-body{overflow:hidden;position:relative}.pui-animated-scroll-list-content{position:relative}
|