@spacego/fe-components 0.3.1 → 0.3.2
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 +37 -37
- package/lib/fe-form/fe-form/index.js +25 -27
- package/lib/index.css +1 -1
- package/lib/index.js +101 -103
- package/lib/types/fe-auto-complete/auto-complete.d.ts +1 -3
- package/lib/types/fe-button/button.d.ts +13 -15
- package/lib/types/fe-cascader/cascader.d.ts +6 -8
- package/lib/types/fe-checkbox/checkbox.d.ts +4 -6
- package/lib/types/fe-checkbox-group/checkbox-group.d.ts +4 -6
- package/lib/types/fe-date-picker/date-picker.d.ts +2 -4
- package/lib/types/fe-description-render/description-render.d.ts +30 -32
- package/lib/types/fe-descriptions/descriptions.d.ts +1 -3
- package/lib/types/fe-empty/empty.d.ts +1 -3
- package/lib/types/fe-error-block/error-block.d.ts +5 -7
- package/lib/types/fe-form/fe-form/form.d.ts +279 -338
- package/lib/types/fe-form/fe-form-item/form-item.d.ts +64 -66
- package/lib/types/fe-form/fe-form-label/form-label.d.ts +42 -44
- package/lib/types/fe-form/index.d.ts +0 -1
- package/lib/types/fe-input/input.d.ts +10 -12
- package/lib/types/fe-input-number/input-number.d.ts +1 -3
- package/lib/types/fe-layouts/context/global-context.d.ts +238 -240
- package/lib/types/fe-link/link.d.ts +4 -6
- package/lib/types/fe-map/map.d.ts +73 -73
- package/lib/types/fe-modal/modal.d.ts +18 -20
- package/lib/types/fe-pagination/pagination.d.ts +1 -3
- package/lib/types/fe-panel/panel-toolbar.d.ts +3 -5
- package/lib/types/fe-panel/panel.d.ts +58 -60
- package/lib/types/fe-permission/permission.d.ts +9 -11
- package/lib/types/fe-permission-provider/permission-provider.d.ts +6 -8
- package/lib/types/fe-radio/radio.d.ts +1 -3
- package/lib/types/fe-radio-group/radio-group.d.ts +1 -3
- package/lib/types/fe-rich-text/rich-text.d.ts +165 -167
- package/lib/types/fe-select/select.d.ts +7 -9
- package/lib/types/fe-switch/switch.d.ts +1 -3
- package/lib/types/fe-table/fe-table-link/table-link.d.ts +8 -10
- package/lib/types/fe-table/fe-table-render/table-render.d.ts +10 -12
- package/lib/types/fe-table/fe-table-toolbar/table-toolbar.d.ts +14 -16
- package/lib/types/fe-table/fe-table-utils/index.d.ts +4 -4
- package/lib/types/fe-table/type/table-context.d.ts +60 -60
- package/lib/types/fe-table/type/table.d.ts +787 -789
- package/lib/types/fe-text-area/text-area.d.ts +3 -5
- package/lib/types/fe-time-picker/time-picker.d.ts +2 -4
- package/lib/types/fe-upload/upload.d.ts +81 -83
- package/lib/types/fe-upload-atomic/upload-atomic.d.ts +1 -3
- package/lib/types/hooks/use-descriptions.hook/use-descriptions.d.ts +149 -151
- package/lib/types/hooks/use-form.hook/use-form.d.ts +11 -13
- package/lib/types/hooks/use-permission.hook/use-permission.d.ts +10 -10
- package/lib/types/typings/index.d.ts +98 -98
- package/lib/types/typings/shims-axios.d.ts +38 -38
- package/package.json +3 -3
- package/lib/fe-form/fe-form-input-input/index.js +0 -63
- package/lib/types/fe-form/fe-form-input-input/index.d.ts +0 -3
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { Input } from 'antd';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export interface FeTextAreaProps extends TextAreaProps {}
|
|
2
|
+
type TextAreaProps = Parameters<typeof Input.TextArea>[0];
|
|
3
|
+
|
|
4
|
+
export interface FeTextAreaProps extends TextAreaProps {}
|
|
@@ -2,86 +2,84 @@ import { UploadFile } from 'antd';
|
|
|
2
2
|
import { UploadChangeParam } from 'antd/es/upload';
|
|
3
3
|
import { FeUploadAtomicProps } from '../fe-upload-atomic/upload-atomic.d';
|
|
4
4
|
import { AcceptType } from './upload.constant';
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
* @
|
|
16
|
-
* @params
|
|
17
|
-
* @params
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
*
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
* @
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
onChange?: (fileList: UploadFile[], files: UploadChangeParam<UploadFile>) => void;
|
|
87
|
-
}
|
|
5
|
+
export type TCropConfig = {
|
|
6
|
+
width?: number;
|
|
7
|
+
height?: number;
|
|
8
|
+
roate?: boolean;
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export interface IFeUploadProps extends Omit<FeUploadAtomicProps, 'accept' | 'onChange' | 'customRequest'> {
|
|
12
|
+
/**
|
|
13
|
+
* @name 自定义样式类型
|
|
14
|
+
* @params render 手动画children样式
|
|
15
|
+
* @params default 方形+加号上传框 - 默认样式
|
|
16
|
+
* @params card 卡片样式,可拖动上传,身份证场景
|
|
17
|
+
* @params btn 单个按钮样式,文件列表场景
|
|
18
|
+
*/
|
|
19
|
+
customType?: 'render' | 'default' | 'card' | 'btn' | 'drag';
|
|
20
|
+
/**
|
|
21
|
+
* @name 拖拽框/上传按钮内文案
|
|
22
|
+
*/
|
|
23
|
+
title?: string | string[];
|
|
24
|
+
/**
|
|
25
|
+
* @name 上传的fileList
|
|
26
|
+
*
|
|
27
|
+
* 当maxCount === 1时,value可为string类型
|
|
28
|
+
*/
|
|
29
|
+
value?: string | UploadFile[];
|
|
30
|
+
/**
|
|
31
|
+
* @name 底部提示
|
|
32
|
+
*/
|
|
33
|
+
tips?: string;
|
|
34
|
+
/**
|
|
35
|
+
* @name 可上传文件大小,单位:B,默认20M(1024*1024*20)
|
|
36
|
+
*/
|
|
37
|
+
fileSize?: number;
|
|
38
|
+
/**
|
|
39
|
+
* @name 上传图片是否支持裁剪
|
|
40
|
+
* @param isOpen 打开、关闭
|
|
41
|
+
*/
|
|
42
|
+
isCropImage?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* @name 图片裁剪参数设置
|
|
45
|
+
*/
|
|
46
|
+
cropCofig?: cropConfig;
|
|
47
|
+
/**
|
|
48
|
+
* @name 上传的文件类型限制
|
|
49
|
+
*/
|
|
50
|
+
accept?: AcceptType | AcceptType[];
|
|
51
|
+
/**
|
|
52
|
+
* @name 自定义accept格式,枚举accept不满足需求时使用,customAccept优先级大于accept
|
|
53
|
+
* @description 可以是预定义的类型(如IMAGE, PDF)或自定义MIME类型字符串(如'image/jpeg,image/png')
|
|
54
|
+
*/
|
|
55
|
+
customAccept?: string;
|
|
56
|
+
/**
|
|
57
|
+
* @name 上传文件限制类型格式,用于提示
|
|
58
|
+
* @description 会自动拼接为`上传文件类型只能为${acceptDesc}格式`
|
|
59
|
+
*/
|
|
60
|
+
acceptDesc?: string;
|
|
61
|
+
/**
|
|
62
|
+
* @name 是否手动处理类型校验
|
|
63
|
+
* @description 默认会根据accept或customAccept自动校验,当isManualValieType为true时,需要手动处理类型校验
|
|
64
|
+
*/
|
|
65
|
+
isManualValieType?: boolean;
|
|
66
|
+
/**
|
|
67
|
+
* @name 是否手动处理预览
|
|
68
|
+
* @description 默认会根据fileList自动处理预览,当isManualPreview为true时,需要手动处理预览
|
|
69
|
+
*/
|
|
70
|
+
isManualPreview?: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* @name 是否在上传失败时删除文件
|
|
73
|
+
*/
|
|
74
|
+
isRemoveOnError?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* @name 自定义上传回调
|
|
77
|
+
*/
|
|
78
|
+
customRequest?: (file: File) => Promise<any>;
|
|
79
|
+
/**
|
|
80
|
+
* @name onchange事件
|
|
81
|
+
* @param fileList fileList列表
|
|
82
|
+
* @param files antd返回的上传进度和list
|
|
83
|
+
*/
|
|
84
|
+
onChange?: (fileList: UploadFile[], files: UploadChangeParam<UploadFile>) => void;
|
|
85
|
+
}
|
|
@@ -1,153 +1,151 @@
|
|
|
1
1
|
import { DescriptionsProps, ImageProps } from 'antd';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
* @
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
export
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
* @
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
export interface IUseDescriptions extends DescriptionsProps { }
|
|
3
|
+
/**
|
|
4
|
+
* @name 渲染类型
|
|
5
|
+
* @default default
|
|
6
|
+
* @options default:纯文本静态展示
|
|
7
|
+
* tag:枚举tag展示,支持多个tag
|
|
8
|
+
*
|
|
9
|
+
*/
|
|
10
|
+
export type TRenderType = 'default' | 'tag' | 'link' | 'image';
|
|
11
|
+
|
|
12
|
+
export interface IDescriptionsItem<DataType extends Record<string, any>> {
|
|
13
|
+
/**
|
|
14
|
+
* @name 标题
|
|
15
|
+
*/
|
|
16
|
+
label: string | React.ReactNode;
|
|
17
|
+
/**
|
|
18
|
+
* @name 与实体映射的key
|
|
19
|
+
*/
|
|
20
|
+
dataIndex: keyof DataType;
|
|
21
|
+
/**
|
|
22
|
+
* @name render 自定义渲染
|
|
23
|
+
*/
|
|
24
|
+
render?: React.ReactNode | ((value: string, data: DataType) => React.ReactNode);
|
|
25
|
+
/**
|
|
26
|
+
* @name 确定这个列的唯一值,一般用于 dataIndex 重复的情况
|
|
27
|
+
*/
|
|
28
|
+
key?: React.Key;
|
|
29
|
+
/**
|
|
30
|
+
* @name 描述列表栅格占位
|
|
31
|
+
* @default 1
|
|
32
|
+
*/
|
|
33
|
+
colSpan?: number;
|
|
34
|
+
/**
|
|
35
|
+
* @name 内容
|
|
36
|
+
*/
|
|
37
|
+
/**
|
|
38
|
+
* @name 是否开启ellipsis
|
|
39
|
+
*/
|
|
40
|
+
ellipsis?: boolean | { showTitle: boolean };
|
|
41
|
+
/**
|
|
42
|
+
* @name 渲染类型
|
|
43
|
+
*/
|
|
44
|
+
renderType?: TRenderType;
|
|
45
|
+
/**
|
|
46
|
+
* @name 是否隐藏
|
|
47
|
+
*/
|
|
48
|
+
hidden?: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* @name 默认渲染器参数
|
|
51
|
+
*/
|
|
52
|
+
defaultRenderParams?: {
|
|
53
|
+
/**
|
|
54
|
+
* @name 过滤器
|
|
55
|
+
*/
|
|
56
|
+
filter?: any;
|
|
57
|
+
/**
|
|
58
|
+
* @name 过滤器参数
|
|
59
|
+
*/
|
|
60
|
+
dictfilterParams?: {
|
|
61
|
+
dictList: Array<{ dataIndex: string; label: string }>;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
/**
|
|
65
|
+
* @name tag渲染器参数
|
|
66
|
+
*/
|
|
67
|
+
tagRenderParams?: {
|
|
68
|
+
/**
|
|
69
|
+
* @name 过滤器
|
|
70
|
+
*/
|
|
71
|
+
filter?: any;
|
|
72
|
+
/**
|
|
73
|
+
* @name 过滤器参数
|
|
74
|
+
*/
|
|
75
|
+
dictfilterParams?: {
|
|
76
|
+
dictList: Array<{ dataIndex: string; label: string }>;
|
|
77
|
+
};
|
|
78
|
+
/**
|
|
79
|
+
* @name 分割符
|
|
80
|
+
* @default |
|
|
81
|
+
*/
|
|
82
|
+
separator?: string;
|
|
83
|
+
/**
|
|
84
|
+
* @name 颜色类型枚举
|
|
85
|
+
*/
|
|
86
|
+
themeEnums?: Record<string, 'processing' | 'success' | 'error' | 'default'>;
|
|
87
|
+
};
|
|
88
|
+
/**
|
|
89
|
+
* @name link渲染器参数
|
|
90
|
+
*/
|
|
91
|
+
linkRenderParams?: {
|
|
92
|
+
/*
|
|
93
|
+
* 标签
|
|
94
|
+
*/
|
|
95
|
+
label?: string;
|
|
96
|
+
/**
|
|
97
|
+
* @name 点击事件
|
|
98
|
+
*/
|
|
99
|
+
onClick?: (value: any) => void;
|
|
100
|
+
};
|
|
101
|
+
/**
|
|
102
|
+
* @name image渲染器参数
|
|
103
|
+
*/
|
|
104
|
+
imageRenderParams?: ImageProps;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
export interface IDescriptionsParams<DataType> {
|
|
108
|
+
/**
|
|
109
|
+
* @name 描述列表项
|
|
110
|
+
*/
|
|
111
|
+
descriptionsItems: IDescriptionsItem<DataType>[];
|
|
112
|
+
/**
|
|
113
|
+
* @name 描述列表数据
|
|
114
|
+
*/
|
|
115
|
+
descriptionsData: DataType<string, any>;
|
|
116
|
+
/**
|
|
117
|
+
* @name 是否显示边框
|
|
118
|
+
* @default true
|
|
119
|
+
*/
|
|
120
|
+
bordered?: boolean;
|
|
121
|
+
/**
|
|
122
|
+
* @name 描述列表样式
|
|
123
|
+
*/
|
|
124
|
+
styles?: DescriptionsProps['styles'];
|
|
125
|
+
/**
|
|
126
|
+
* @name 描述列表列数
|
|
127
|
+
* @default 3
|
|
128
|
+
*/
|
|
129
|
+
column?: number;
|
|
130
|
+
/**
|
|
131
|
+
* @name 描述列表宽度
|
|
132
|
+
* @description 描述列表宽度统一设置仅增对bordered 为 true 有效
|
|
133
|
+
* @default 100%
|
|
134
|
+
*/
|
|
135
|
+
descriptionsWidth?: string;
|
|
136
|
+
/**
|
|
137
|
+
* @name 描述列表大小
|
|
138
|
+
* @default small
|
|
139
|
+
*/
|
|
140
|
+
size?: DescriptionsProps['size'];
|
|
141
|
+
/**
|
|
142
|
+
* @name 描述列表唯一标识
|
|
143
|
+
*/
|
|
144
|
+
rawKeyRef?: React.MutableRefObject<string>;
|
|
145
|
+
/**
|
|
146
|
+
* @name 样式名
|
|
147
|
+
*/
|
|
148
|
+
className?: string;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
export interface IUseDescriptions extends DescriptionsProps { }
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import { FormInstance } from 'antd';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
import { FeFormProps } from '../../fe-form/fe-form/form.d';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
validate: (key?: keyof DataType) => Promise<any> | undefined;
|
|
16
|
-
}
|
|
4
|
+
export interface IFormParams<DataType = any>
|
|
5
|
+
extends FeFormProps<DataType> {
|
|
6
|
+
setFormData: (data: Partial<DataType> | DataType) => void;
|
|
7
|
+
key?: string;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
export interface IFormProps<DataType> {
|
|
11
|
+
formProps: FeFormProps<DataType>;
|
|
12
|
+
formRef: React.RefObject<FormInstance>;
|
|
13
|
+
validate: (key?: keyof DataType) => Promise<any> | undefined;
|
|
14
|
+
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export interface IPermissionStore {
|
|
2
|
-
/**
|
|
3
|
-
* @name 按钮权限字符串
|
|
4
|
-
*/
|
|
5
|
-
btnPermissionList: string[];
|
|
6
|
-
/**
|
|
7
|
-
* @name 判断是否有权限
|
|
8
|
-
*/
|
|
9
|
-
hasPermission: (permission: string | string[]) => boolean;
|
|
10
|
-
}
|
|
1
|
+
export interface IPermissionStore {
|
|
2
|
+
/**
|
|
3
|
+
* @name 按钮权限字符串
|
|
4
|
+
*/
|
|
5
|
+
btnPermissionList: string[];
|
|
6
|
+
/**
|
|
7
|
+
* @name 判断是否有权限
|
|
8
|
+
*/
|
|
9
|
+
hasPermission: (permission: string | string[]) => boolean;
|
|
10
|
+
}
|