@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.
Files changed (69) hide show
  1. package/README.md +11 -9
  2. package/dist/esm/AdvancedFilter/FormFilter.d.ts +4 -4
  3. package/dist/esm/AdvancedFilter/index.d.ts +5 -5
  4. package/dist/esm/AdvancedFilter/interface.d.ts +101 -101
  5. package/dist/esm/AnimatedScrollList/index.d.ts +7 -7
  6. package/dist/esm/AnimatedScrollList/interface.d.ts +71 -71
  7. package/dist/esm/AspectRatio/index.d.ts +9 -9
  8. package/dist/esm/AuthComponent/index.d.ts +3 -3
  9. package/dist/esm/AuthComponent/interface.d.ts +24 -24
  10. package/dist/esm/ColorPicker/index.d.ts +17 -18
  11. package/dist/esm/ColorPicker/interface.d.ts +164 -164
  12. package/dist/esm/ConfigProvider/index.d.ts +6 -6
  13. package/dist/esm/ConfigProvider/index.js +7 -13
  14. package/dist/esm/ConfigProvider/interface.d.ts +9 -9
  15. package/dist/esm/ContextMenu/index.d.ts +28 -28
  16. package/dist/esm/DCascader/index.d.ts +24 -24
  17. package/dist/esm/DForm/DItem/index.d.ts +5 -5
  18. package/dist/esm/DForm/DItem/itemType.d.ts +123 -119
  19. package/dist/esm/DForm/DItem/itemsRender.d.ts +47 -45
  20. package/dist/esm/DForm/DItem/itemsRender.js +6 -0
  21. package/dist/esm/DForm/helper.d.ts +8 -8
  22. package/dist/esm/DForm/index.d.ts +29 -29
  23. package/dist/esm/DInput/index.d.ts +19 -19
  24. package/dist/esm/DModal/index.d.ts +18 -18
  25. package/dist/esm/DModal/interface.d.ts +14 -14
  26. package/dist/esm/DRangePicker/index.d.ts +7 -0
  27. package/dist/esm/DRangePicker/index.js +24 -0
  28. package/dist/esm/DRangePicker/index.less +30 -0
  29. package/dist/esm/DRangePicker/interface.d.ts +5 -0
  30. package/dist/esm/DRangePicker/interface.js +1 -0
  31. package/dist/esm/DSelect/index.d.ts +24 -24
  32. package/dist/esm/DTable/index.d.ts +46 -46
  33. package/dist/esm/DTreeSelect/index.d.ts +16 -16
  34. package/dist/esm/DUpload/helper.d.ts +107 -107
  35. package/dist/esm/DUpload/index.d.ts +55 -55
  36. package/dist/esm/ErrorBoundary/index.d.ts +5 -6
  37. package/dist/esm/IPAddress/index.d.ts +20 -20
  38. package/dist/esm/IconFont/index.d.ts +17 -17
  39. package/dist/esm/InfiniteScrollList/index.d.ts +63 -63
  40. package/dist/esm/LabelValue/index.d.ts +16 -16
  41. package/dist/esm/LabelValue/interface.d.ts +39 -39
  42. package/dist/esm/Loading/hooks/useLoading.d.ts +6 -6
  43. package/dist/esm/Loading/index.d.ts +10 -10
  44. package/dist/esm/Loading/interface.d.ts +23 -23
  45. package/dist/esm/Loading/loading.d.ts +7 -8
  46. package/dist/esm/LoginForm/defaultConfig.d.ts +4 -4
  47. package/dist/esm/LoginForm/index.d.ts +21 -21
  48. package/dist/esm/ModalForm/index.d.ts +11 -11
  49. package/dist/esm/NoData/index.d.ts +4 -5
  50. package/dist/esm/NoData/interface.d.ts +13 -13
  51. package/dist/esm/OrgTree/index.d.ts +5 -5
  52. package/dist/esm/OrgTree/interface.d.ts +41 -41
  53. package/dist/esm/PictureCard/index.d.ts +16 -16
  54. package/dist/esm/RCropper/handler.d.ts +16 -16
  55. package/dist/esm/RCropper/index.d.ts +4 -4
  56. package/dist/esm/RCropper/interface.d.ts +70 -70
  57. package/dist/esm/RCropper/svgIcons.d.ts +28 -28
  58. package/dist/esm/RCropper/toolbar.d.ts +5 -5
  59. package/dist/esm/RndDrag/index.d.ts +5 -6
  60. package/dist/esm/ScrollNumber/index.d.ts +7 -8
  61. package/dist/esm/SignaturePad/index.d.ts +32 -32
  62. package/dist/esm/TypewriterText/index.d.ts +5 -5
  63. package/dist/esm/TypewriterText/interface.d.ts +42 -42
  64. package/dist/esm/WordCloud/index.d.ts +10 -11
  65. package/dist/esm/index.d.ts +64 -62
  66. package/dist/esm/index.js +2 -1
  67. package/dist/umd/pcloud-components.min.css +1 -1
  68. package/dist/umd/pcloud-components.min.js +1 -1
  69. package/package.json +14 -5
package/README.md CHANGED
@@ -10,15 +10,16 @@
10
10
 
11
11
  ### 表单组件
12
12
 
13
- | 组件名称 | 描述 |
14
- | ----------- | ----------------------------------- |
15
- | DForm | 基于 Ant Design Form 的增强表单组件 |
16
- | DInput | 增强版输入框组件 |
17
- | DSelect | 支持异步加载的下拉选择组件 |
18
- | DCascader | 支持异步加载的级联选择组件 |
19
- | DTreeSelect | 支持异步加载的树选择组件 |
20
- | DUpload | 文件上传组件 |
21
- | ColorPicker | 颜色选择器组件 |
13
+ | 组件名称 | 描述 |
14
+ | ------------ | ----------------------------------- |
15
+ | DForm | 基于 Ant Design Form 的增强表单组件 |
16
+ | DInput | 增强版输入框组件 |
17
+ | DSelect | 支持异步加载的下拉选择组件 |
18
+ | DCascader | 支持异步加载的级联选择组件 |
19
+ | DTreeSelect | 支持异步加载的树选择组件 |
20
+ | DUpload | 文件上传组件 |
21
+ | DRangePicker | 日期选择组件 |
22
+ | ColorPicker | 颜色选择器组件 |
22
23
 
23
24
  ### 数据展示组件
24
25
 
@@ -33,6 +34,7 @@
33
34
  | IPAddress | IP 地址输入组件 |
34
35
  | AnimatedScrollList | 动画滚动列表组件 |
35
36
  | OrgTree | 组织树组件 |
37
+ | TypewriterText | 打字机组件 |
36
38
 
37
39
  ### 模态框组件
38
40
 
@@ -1,4 +1,4 @@
1
- import { FProps } from './interface';
2
- import './styles/index.less';
3
- declare const _default: (props: FProps) => import("react/jsx-runtime").JSX.Element;
4
- export default _default;
1
+ import { FProps } from './interface';
2
+ import './styles/index.less';
3
+ declare const _default: (props: FProps) => import("react/jsx-runtime").JSX.Element;
4
+ export default _default;
@@ -1,5 +1,5 @@
1
- import React from 'react';
2
- import { FilterProps } from './interface';
3
- import './styles/index.less';
4
- declare const AdvancedFilter: React.FC<FilterProps>;
5
- export default AdvancedFilter;
1
+ import React from 'react';
2
+ import { FilterProps } from './interface';
3
+ import './styles/index.less';
4
+ declare const AdvancedFilter: React.FC<FilterProps>;
5
+ export default AdvancedFilter;
@@ -1,101 +1,101 @@
1
- import React from 'react';
2
- export declare type FormItemType = 'input' | 'inputNumber' | 'radio' | 'select' | 'checkbox' | 'datePicker' | 'rangePicker' | 'switch' | 'treeSelect';
3
- export interface FormItem {
4
- /**
5
- * @description 筛选项label文字
6
- */
7
- label?: string;
8
- /**
9
- * @description 筛选项字段名
10
- */
11
- name: string;
12
- /**
13
- * @description 筛选项类型
14
- */
15
- type: FormItemType;
16
- /**
17
- * @description 筛选项placeholder
18
- */
19
- placeholder?: string;
20
- /**
21
- * @description 筛选项的配置项(select|treeSelect时可用)
22
- */
23
- options?: any[];
24
- /**
25
- * @description 筛选项的格式化配置(rangePicker|datePicker时可用)
26
- */
27
- format?: string;
28
- }
29
- export interface FormProps {
30
- /**
31
- * @description 筛选项配置
32
- */
33
- formItemConfig: FormItem[];
34
- /**
35
- * @description 筛选项值变更时触发
36
- */
37
- onValuesChange?: (_values: any) => void;
38
- /**
39
- * @description 点击查询按钮时触发
40
- */
41
- onSearch?: (_v: any) => void;
42
- /**
43
- * @description 点击重置按钮时触发
44
- */
45
- onReset?: () => void;
46
- }
47
- export interface FProps extends FormProps {
48
- /**
49
- * @description 显示查询/重置按钮
50
- * @default true
51
- */
52
- showButton?: boolean;
53
- /**
54
- * @description 筛选项表单的Ref
55
- */
56
- formRef?: any;
57
- }
58
- export interface InputProps {
59
- /**
60
- * @description input检索框placeholder
61
- */
62
- placeholder?: string;
63
- /**
64
- * @description input检索框字段名
65
- */
66
- name: string;
67
- /**
68
- * @description input检索框回车时或点击检索图标时触发
69
- */
70
- inputSearch?: (_v: any) => void;
71
- }
72
- export interface FilterProps extends FormProps {
73
- /**
74
- * @description 左侧渲染区
75
- */
76
- left?: React.ReactNode;
77
- /**
78
- * @description 右侧渲染区
79
- */
80
- right?: React.ReactNode;
81
- /**
82
- * @description input检索框props
83
- */
84
- inputProps: InputProps;
85
- /**
86
- * @description children
87
- */
88
- children?: React.ReactNode;
89
- /**
90
- * @description 表单引用ref值
91
- */
92
- fRef?: any;
93
- /**
94
- * @description 筛选文字按钮图标
95
- */
96
- icon?: React.ReactNode;
97
- }
98
- export declare type AdvancedFilterProps = FilterProps;
99
- export declare type FormFilterProps = FProps;
100
- export declare type FotmItemProps = FormItem;
101
- export declare type InputSearchProps = InputProps;
1
+ import React from 'react';
2
+ export type FormItemType = 'input' | 'inputNumber' | 'radio' | 'select' | 'checkbox' | 'datePicker' | 'rangePicker' | 'switch' | 'treeSelect';
3
+ export interface FormItem {
4
+ /**
5
+ * @description 筛选项label文字
6
+ */
7
+ label?: string;
8
+ /**
9
+ * @description 筛选项字段名
10
+ */
11
+ name: string;
12
+ /**
13
+ * @description 筛选项类型
14
+ */
15
+ type: FormItemType;
16
+ /**
17
+ * @description 筛选项placeholder
18
+ */
19
+ placeholder?: string;
20
+ /**
21
+ * @description 筛选项的配置项(select|treeSelect时可用)
22
+ */
23
+ options?: any[];
24
+ /**
25
+ * @description 筛选项的格式化配置(rangePicker|datePicker时可用)
26
+ */
27
+ format?: string;
28
+ }
29
+ export interface FormProps {
30
+ /**
31
+ * @description 筛选项配置
32
+ */
33
+ formItemConfig: FormItem[];
34
+ /**
35
+ * @description 筛选项值变更时触发
36
+ */
37
+ onValuesChange?: (_values: any) => void;
38
+ /**
39
+ * @description 点击查询按钮时触发
40
+ */
41
+ onSearch?: (_v: any) => void;
42
+ /**
43
+ * @description 点击重置按钮时触发
44
+ */
45
+ onReset?: () => void;
46
+ }
47
+ export interface FProps extends FormProps {
48
+ /**
49
+ * @description 显示查询/重置按钮
50
+ * @default true
51
+ */
52
+ showButton?: boolean;
53
+ /**
54
+ * @description 筛选项表单的Ref
55
+ */
56
+ formRef?: any;
57
+ }
58
+ export interface InputProps {
59
+ /**
60
+ * @description input检索框placeholder
61
+ */
62
+ placeholder?: string;
63
+ /**
64
+ * @description input检索框字段名
65
+ */
66
+ name: string;
67
+ /**
68
+ * @description input检索框回车时或点击检索图标时触发
69
+ */
70
+ inputSearch?: (_v: any) => void;
71
+ }
72
+ export interface FilterProps extends FormProps {
73
+ /**
74
+ * @description 左侧渲染区
75
+ */
76
+ left?: React.ReactNode;
77
+ /**
78
+ * @description 右侧渲染区
79
+ */
80
+ right?: React.ReactNode;
81
+ /**
82
+ * @description input检索框props
83
+ */
84
+ inputProps: InputProps;
85
+ /**
86
+ * @description children
87
+ */
88
+ children?: React.ReactNode;
89
+ /**
90
+ * @description 表单引用ref值
91
+ */
92
+ fRef?: any;
93
+ /**
94
+ * @description 筛选文字按钮图标
95
+ */
96
+ icon?: React.ReactNode;
97
+ }
98
+ export type AdvancedFilterProps = FilterProps;
99
+ export type FormFilterProps = FProps;
100
+ export type FotmItemProps = FormItem;
101
+ export type InputSearchProps = InputProps;
@@ -1,7 +1,7 @@
1
- import React from 'react';
2
- import { IAnimatedScrollListProps } from './interface';
3
- import './styles/index.less';
4
- declare function AnimatedScrollList(props: IAnimatedScrollListProps): JSX.Element;
5
- export type { AnimatedScrollListProps } from './interface';
6
- declare const _default: React.MemoExoticComponent<typeof AnimatedScrollList>;
7
- export default _default;
1
+ import React from 'react';
2
+ import { IAnimatedScrollListProps } from './interface';
3
+ import './styles/index.less';
4
+ declare function AnimatedScrollList(props: IAnimatedScrollListProps): import("react/jsx-runtime").JSX.Element;
5
+ export type { AnimatedScrollListProps } from './interface';
6
+ declare const _default: React.MemoExoticComponent<typeof AnimatedScrollList>;
7
+ export default _default;
@@ -1,71 +1,71 @@
1
- import React from 'react';
2
- export declare type ScrollDirection = 'up' | 'down' | 'left' | 'right';
3
- export interface IAnimatedScrollListProps {
4
- /**
5
- * @description 滚动方向
6
- * @default 'up'
7
- */
8
- direction?: ScrollDirection;
9
- /**
10
- * @description 滚动速度,单位 px/s
11
- * @default 50
12
- */
13
- speed?: number;
14
- /**
15
- * @description 是否在鼠标悬停时暂停滚动
16
- * @default true
17
- */
18
- hoverStop?: boolean;
19
- /**
20
- * @description 是否自动开始滚动
21
- * @default true
22
- */
23
- autoStart?: boolean;
24
- /**
25
- * @description 容器高度(垂直滚动时)或宽度(水平滚动时)
26
- */
27
- containerHeight?: number | string;
28
- /**
29
- * @description 容器宽度(水平滚动时)或高度(垂直滚动时)
30
- */
31
- containerWidth?: number | string;
32
- /**
33
- * @description 列表数据
34
- */
35
- data: any[];
36
- /**
37
- * @description 渲染列表项的方法
38
- * @param item 列表项数据
39
- * @param index 索引
40
- * @returns React.ReactNode
41
- */
42
- renderItem: (_item: any, _index: number) => React.ReactNode;
43
- /**
44
- * @description 列表项的唯一标识字段,用于 key
45
- * @default 'id'
46
- */
47
- itemKey?: string | ((_item: any, _index: number) => string | number);
48
- /**
49
- * @description 自定义类名
50
- */
51
- className?: string;
52
- /**
53
- * @description 自定义样式
54
- */
55
- style?: React.CSSProperties;
56
- /**
57
- * @description 是否显示滚动条
58
- * @default false
59
- */
60
- showScrollbar?: boolean;
61
- /**
62
- * @description 当列表项数量不足一屏时是否仍然滚动
63
- * @default false
64
- */
65
- scrollWhenInsufficient?: boolean;
66
- /**
67
- * @description 表头内容,传入后表头固定,内容区域自动滚动
68
- */
69
- header?: React.ReactNode;
70
- }
71
- export declare type AnimatedScrollListProps = IAnimatedScrollListProps;
1
+ import React from 'react';
2
+ export type ScrollDirection = 'up' | 'down' | 'left' | 'right';
3
+ export interface IAnimatedScrollListProps {
4
+ /**
5
+ * @description 滚动方向
6
+ * @default 'up'
7
+ */
8
+ direction?: ScrollDirection;
9
+ /**
10
+ * @description 滚动速度,单位 px/s
11
+ * @default 50
12
+ */
13
+ speed?: number;
14
+ /**
15
+ * @description 是否在鼠标悬停时暂停滚动
16
+ * @default true
17
+ */
18
+ hoverStop?: boolean;
19
+ /**
20
+ * @description 是否自动开始滚动
21
+ * @default true
22
+ */
23
+ autoStart?: boolean;
24
+ /**
25
+ * @description 容器高度(垂直滚动时)或宽度(水平滚动时)
26
+ */
27
+ containerHeight?: number | string;
28
+ /**
29
+ * @description 容器宽度(水平滚动时)或高度(垂直滚动时)
30
+ */
31
+ containerWidth?: number | string;
32
+ /**
33
+ * @description 列表数据
34
+ */
35
+ data: any[];
36
+ /**
37
+ * @description 渲染列表项的方法
38
+ * @param item 列表项数据
39
+ * @param index 索引
40
+ * @returns React.ReactNode
41
+ */
42
+ renderItem: (_item: any, _index: number) => React.ReactNode;
43
+ /**
44
+ * @description 列表项的唯一标识字段,用于 key
45
+ * @default 'id'
46
+ */
47
+ itemKey?: string | ((_item: any, _index: number) => string | number);
48
+ /**
49
+ * @description 自定义类名
50
+ */
51
+ className?: string;
52
+ /**
53
+ * @description 自定义样式
54
+ */
55
+ style?: React.CSSProperties;
56
+ /**
57
+ * @description 是否显示滚动条
58
+ * @default false
59
+ */
60
+ showScrollbar?: boolean;
61
+ /**
62
+ * @description 当列表项数量不足一屏时是否仍然滚动
63
+ * @default false
64
+ */
65
+ scrollWhenInsufficient?: boolean;
66
+ /**
67
+ * @description 表头内容,传入后表头固定,内容区域自动滚动
68
+ */
69
+ header?: React.ReactNode;
70
+ }
71
+ export type AnimatedScrollListProps = IAnimatedScrollListProps;
@@ -1,9 +1,9 @@
1
- import React from 'react';
2
- export interface AspectRatioProps {
3
- ratio?: number;
4
- className?: string;
5
- children: React.ReactNode;
6
- style?: React.CSSProperties;
7
- }
8
- declare function AspectRatio({ ratio, className, children, style }: AspectRatioProps): import("react/jsx-runtime").JSX.Element;
9
- export default AspectRatio;
1
+ import React from 'react';
2
+ export interface AspectRatioProps {
3
+ ratio?: number;
4
+ className?: string;
5
+ children: React.ReactNode;
6
+ style?: React.CSSProperties;
7
+ }
8
+ declare function AspectRatio({ ratio, className, children, style }: AspectRatioProps): import("react/jsx-runtime").JSX.Element;
9
+ export default AspectRatio;
@@ -1,3 +1,3 @@
1
- import { IAuthComponentProps } from './interface';
2
- declare const AuthComponent: ({ value, noAuthContent, children, authList, fieldName }: IAuthComponentProps) => import("react/jsx-runtime").JSX.Element;
3
- export default AuthComponent;
1
+ import { IAuthComponentProps } from './interface';
2
+ declare const AuthComponent: ({ value, noAuthContent, children, authList, fieldName }: IAuthComponentProps) => import("react/jsx-runtime").JSX.Element;
3
+ export default AuthComponent;
@@ -1,24 +1,24 @@
1
- import React from 'react';
2
- export interface IAuthComponentProps {
3
- /**
4
- * @description 权限值
5
- */
6
- value: string | number | boolean;
7
- /**
8
- * @description 权限列表中的字段名称
9
- */
10
- fieldName?: string;
11
- /**
12
- * @description 权限列表数据
13
- */
14
- authList: any[];
15
- /**
16
- * @description 无权限时显示的内容
17
- */
18
- noAuthContent?: React.ReactNode;
19
- /**
20
- * @description 有权限时显示的内容
21
- */
22
- children?: React.ReactNode;
23
- }
24
- export declare type AuthComponentProps = IAuthComponentProps;
1
+ import React from 'react';
2
+ export interface IAuthComponentProps {
3
+ /**
4
+ * @description 权限值
5
+ */
6
+ value: string | number | boolean;
7
+ /**
8
+ * @description 权限列表中的字段名称
9
+ */
10
+ fieldName?: string;
11
+ /**
12
+ * @description 权限列表数据
13
+ */
14
+ authList: any[];
15
+ /**
16
+ * @description 无权限时显示的内容
17
+ */
18
+ noAuthContent?: React.ReactNode;
19
+ /**
20
+ * @description 有权限时显示的内容
21
+ */
22
+ children?: React.ReactNode;
23
+ }
24
+ export type AuthComponentProps = IAuthComponentProps;
@@ -1,18 +1,17 @@
1
- /// <reference types="react" />
2
- import { ColorPickerProps, TwitterPickerProps, HuePickerProps, AlphaPickerProps, BlockPickerProps, ChromePickerProps, CompactPickerProps, CirclePickerProps, SliderPickerProps } from './interface';
3
- import './index.less';
4
- declare const ColorPicker: {
5
- (props: ColorPickerProps): JSX.Element;
6
- PSPicker(props: ColorPickerProps & {
7
- title?: string;
8
- }): JSX.Element;
9
- SliderPicker(props: SliderPickerProps): JSX.Element;
10
- AlphaPicker(props: AlphaPickerProps): JSX.Element;
11
- BlockPicker(props: BlockPickerProps): JSX.Element;
12
- ChromePicker(props: ChromePickerProps): JSX.Element;
13
- CirclePicker(props: CirclePickerProps): JSX.Element;
14
- CompactPicker(props: CompactPickerProps): JSX.Element;
15
- HuePicker(props: HuePickerProps): JSX.Element;
16
- TwitterPicker(props: TwitterPickerProps): JSX.Element;
17
- };
18
- export default ColorPicker;
1
+ import { ColorPickerProps, TwitterPickerProps, HuePickerProps, AlphaPickerProps, BlockPickerProps, ChromePickerProps, CompactPickerProps, CirclePickerProps, SliderPickerProps } from './interface';
2
+ import './index.less';
3
+ declare const ColorPicker: {
4
+ (props: ColorPickerProps): import("react/jsx-runtime").JSX.Element;
5
+ PSPicker(props: ColorPickerProps & {
6
+ title?: string;
7
+ }): import("react/jsx-runtime").JSX.Element;
8
+ SliderPicker(props: SliderPickerProps): import("react/jsx-runtime").JSX.Element;
9
+ AlphaPicker(props: AlphaPickerProps): import("react/jsx-runtime").JSX.Element;
10
+ BlockPicker(props: BlockPickerProps): import("react/jsx-runtime").JSX.Element;
11
+ ChromePicker(props: ChromePickerProps): import("react/jsx-runtime").JSX.Element;
12
+ CirclePicker(props: CirclePickerProps): import("react/jsx-runtime").JSX.Element;
13
+ CompactPicker(props: CompactPickerProps): import("react/jsx-runtime").JSX.Element;
14
+ HuePicker(props: HuePickerProps): import("react/jsx-runtime").JSX.Element;
15
+ TwitterPicker(props: TwitterPickerProps): import("react/jsx-runtime").JSX.Element;
16
+ };
17
+ export default ColorPicker;