@zat-design/sisyphus-react 3.11.14-beta.5 → 3.11.14-beta.7
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/dist/index.esm.css +22 -15
- package/dist/less.esm.css +22 -15
- package/es/ProAction/index.d.ts +2 -2
- package/es/ProAction/propsType.d.ts +16 -10
- package/es/ProConfigProvider/index.d.ts +6 -6
- package/es/ProDownload/index.d.ts +2 -2
- package/es/ProDownload/propsType.d.ts +2 -1
- package/es/ProEditLabel/components/RenderProForm.d.ts +2 -2
- package/es/ProEditLabel/index.d.ts +2 -2
- package/es/ProEditLabel/propsType.d.ts +133 -6
- package/es/ProEditLabel/style/index.less +24 -25
- package/es/ProEnum/components/Group.d.ts +2 -2
- package/es/ProEnum/components/Tag.d.ts +2 -2
- package/es/ProEnum/hooks/useEnumRequest.d.ts +2 -2
- package/es/ProEnum/index.d.ts +2 -2
- package/es/ProEnum/propsType.d.ts +228 -39
- package/es/ProEnum/propsType.js +0 -6
- package/es/ProEnum/utils/index.d.ts +1 -1
- package/es/ProForm/components/combination/ProCascader/index.d.ts +1 -2
- package/es/ProForm/components/combination/ProCascader/propsType.d.ts +2 -1
- package/es/ProForm/components/combination/ProModalSelect/propsType.d.ts +3 -2
- package/es/ProLayout/components/Layout/Header/index.d.ts +2 -2
- package/es/ProLayout/components/Layout/Menu/index.d.ts +2 -2
- package/es/ProLayout/components/Layout/Notice/index.d.ts +2 -2
- package/es/ProLayout/components/ProCollapse/PropTypes.d.ts +4 -2
- package/es/ProLayout/components/ProCollapse/index.d.ts +2 -2
- package/es/ProLayout/components/ProFooter/PropTypes.d.ts +2 -1
- package/es/ProLayout/components/ProFooter/index.d.ts +2 -2
- package/es/ProLayout/components/ProHeader/PropTypes.d.ts +13 -9
- package/es/ProLayout/components/ProHeader/index.d.ts +2 -2
- package/es/ProLayout/index.d.ts +5 -5
- package/es/ProLayout/index.js +6 -2
- package/es/ProLayout/propTypes.d.ts +62 -21
- package/es/ProLayout/utils/index.d.ts +2 -2
- package/es/ProSelect/index.d.ts +3 -3
- package/es/ProSelect/propsType.d.ts +139 -29
- package/es/ProTable/style/index.less +3 -0
- package/es/ProTabs/index.d.ts +2 -2
- package/es/ProTabs/index.js +4 -4
- package/es/ProTabs/propType.d.ts +66 -9
- package/es/ProThemeTools/index.d.ts +2 -2
- package/es/ProThemeTools/propsType.d.ts +136 -14
- package/es/ProUpload/components/ButtonRender.d.ts +2 -2
- package/es/ProUpload/components/DraggableUploadListItem.d.ts +2 -2
- package/es/ProUpload/components/Example.d.ts +2 -2
- package/es/ProUpload/components/ImageRender.d.ts +2 -2
- package/es/ProUpload/index.d.ts +2 -2
- package/es/ProUpload/index.js +0 -7
- package/es/ProUpload/propsType.d.ts +59 -8
- package/es/ProWaterMark/index.d.ts +2 -2
- package/es/ProWaterMark/propsType.d.ts +2 -1
- package/lib/ProAction/index.d.ts +2 -2
- package/lib/ProAction/propsType.d.ts +16 -10
- package/lib/ProConfigProvider/index.d.ts +6 -6
- package/lib/ProDownload/index.d.ts +2 -2
- package/lib/ProDownload/propsType.d.ts +2 -1
- package/lib/ProEditLabel/components/RenderProForm.d.ts +2 -2
- package/lib/ProEditLabel/index.d.ts +2 -2
- package/lib/ProEditLabel/propsType.d.ts +133 -6
- package/lib/ProEditLabel/style/index.less +24 -25
- package/lib/ProEnum/components/Group.d.ts +2 -2
- package/lib/ProEnum/components/Tag.d.ts +2 -2
- package/lib/ProEnum/hooks/useEnumRequest.d.ts +2 -2
- package/lib/ProEnum/index.d.ts +2 -2
- package/lib/ProEnum/propsType.d.ts +228 -39
- package/lib/ProEnum/propsType.js +1 -7
- package/lib/ProEnum/utils/index.d.ts +1 -1
- package/lib/ProForm/components/combination/ProCascader/index.d.ts +1 -2
- package/lib/ProForm/components/combination/ProCascader/propsType.d.ts +2 -1
- package/lib/ProForm/components/combination/ProModalSelect/propsType.d.ts +3 -2
- package/lib/ProLayout/components/Layout/Header/index.d.ts +2 -2
- package/lib/ProLayout/components/Layout/Menu/index.d.ts +2 -2
- package/lib/ProLayout/components/Layout/Notice/index.d.ts +2 -2
- package/lib/ProLayout/components/ProCollapse/PropTypes.d.ts +4 -2
- package/lib/ProLayout/components/ProCollapse/index.d.ts +2 -2
- package/lib/ProLayout/components/ProFooter/PropTypes.d.ts +2 -1
- package/lib/ProLayout/components/ProFooter/index.d.ts +2 -2
- package/lib/ProLayout/components/ProHeader/PropTypes.d.ts +13 -9
- package/lib/ProLayout/components/ProHeader/index.d.ts +2 -2
- package/lib/ProLayout/index.d.ts +5 -5
- package/lib/ProLayout/index.js +6 -2
- package/lib/ProLayout/propTypes.d.ts +62 -21
- package/lib/ProLayout/utils/index.d.ts +2 -2
- package/lib/ProSelect/index.d.ts +3 -3
- package/lib/ProSelect/propsType.d.ts +139 -29
- package/lib/ProTable/style/index.less +3 -0
- package/lib/ProTabs/index.d.ts +2 -2
- package/lib/ProTabs/index.js +4 -4
- package/lib/ProTabs/propType.d.ts +66 -9
- package/lib/ProThemeTools/index.d.ts +2 -2
- package/lib/ProThemeTools/propsType.d.ts +136 -14
- package/lib/ProUpload/components/ButtonRender.d.ts +2 -2
- package/lib/ProUpload/components/DraggableUploadListItem.d.ts +2 -2
- package/lib/ProUpload/components/Example.d.ts +2 -2
- package/lib/ProUpload/components/ImageRender.d.ts +2 -2
- package/lib/ProUpload/index.d.ts +2 -2
- package/lib/ProUpload/index.js +0 -7
- package/lib/ProUpload/propsType.d.ts +59 -8
- package/lib/ProWaterMark/index.d.ts +2 -2
- package/lib/ProWaterMark/propsType.d.ts +2 -1
- package/package.json +1 -1
package/dist/index.esm.css
CHANGED
@@ -1829,6 +1829,10 @@
|
|
1829
1829
|
.ant-tabs-dropdown-menu .pro-tabs-card .pro-tabs-card-right img {
|
1830
1830
|
width: 48px;
|
1831
1831
|
}
|
1832
|
+
.pro-table .pro-tooltip .singleLine {
|
1833
|
+
-webkit-transition: none;
|
1834
|
+
transition: none;
|
1835
|
+
}
|
1832
1836
|
.pro-table.pro-table-draggable-only .ant-table-tbody .anticon {
|
1833
1837
|
margin-right: 0;
|
1834
1838
|
}
|
@@ -4824,8 +4828,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4824
4828
|
display: block;
|
4825
4829
|
}
|
4826
4830
|
.pro-edit-label .pro-form-view-container {
|
4827
|
-
word-break: break-all;
|
4828
4831
|
display: inline-block;
|
4832
|
+
word-break: break-all;
|
4829
4833
|
}
|
4830
4834
|
.pro-edit-label.trigger-hover .anticon-edit {
|
4831
4835
|
display: none;
|
@@ -4834,15 +4838,15 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4834
4838
|
display: block;
|
4835
4839
|
}
|
4836
4840
|
.pro-edit-label .anticon-edit {
|
4837
|
-
color: #D8D8D8;
|
4838
|
-
cursor: pointer;
|
4839
4841
|
padding: var(--zaui-space-size-xs, 4px);
|
4842
|
+
color: #d8d8d8;
|
4843
|
+
cursor: pointer;
|
4840
4844
|
}
|
4841
4845
|
.pro-edit-label .anticon-edit:hover {
|
4842
|
-
color: var(--zaui-brand, #
|
4846
|
+
color: var(--zaui-brand, #006aff);
|
4843
4847
|
}
|
4844
4848
|
.pro-edit-label .anticon-edit:active {
|
4845
|
-
background: #
|
4849
|
+
background: #e3e8f0;
|
4846
4850
|
border-radius: var(--zaui-border-radius-card, 4px);
|
4847
4851
|
}
|
4848
4852
|
.pro-edit-label.pro-edit-label-small {
|
@@ -4855,8 +4859,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4855
4859
|
height: 40px;
|
4856
4860
|
}
|
4857
4861
|
.ant-popover .ant-btn-sm {
|
4858
|
-
font-size: var(--zaui-font-size-sm, 12px);
|
4859
4862
|
min-width: 56px;
|
4863
|
+
font-size: var(--zaui-font-size-sm, 12px);
|
4860
4864
|
line-height: 1;
|
4861
4865
|
}
|
4862
4866
|
.ant-popover .ant-btn-sm span {
|
@@ -4865,6 +4869,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4865
4869
|
.pro-edit-label-popconfirm {
|
4866
4870
|
z-index: 1001 !important;
|
4867
4871
|
}
|
4872
|
+
.pro-edit-label-popconfirm .ant-popover-inner-content {
|
4873
|
+
width: 100%;
|
4874
|
+
}
|
4868
4875
|
.pro-edit-label-popconfirm .ant-popover-message {
|
4869
4876
|
display: block;
|
4870
4877
|
}
|
@@ -4876,20 +4883,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4876
4883
|
max-width: 400px;
|
4877
4884
|
}
|
4878
4885
|
.pro-edit-label-popconfirm .pro-edit-label-title {
|
4879
|
-
font-size: var(--zaui-font-size-lg, 16px);
|
4880
|
-
font-weight: 500;
|
4881
|
-
color: var(--zaui-text, #343434);
|
4882
4886
|
margin-bottom: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size, 1));
|
4887
|
+
color: var(--zaui-text, #343434);
|
4888
|
+
font-weight: 500;
|
4889
|
+
font-size: var(--zaui-font-size-lg, 16px);
|
4883
4890
|
}
|
4884
4891
|
.pro-edit-label-popconfirm .pro-edit-label-tip {
|
4885
4892
|
margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
|
4886
4893
|
color: #666;
|
4887
4894
|
}
|
4888
4895
|
.pro-edit-label-popconfirm .pro-edit-label-tip .anticon-info-circle {
|
4889
|
-
font-size: var(--zaui-font-size-lg, 16px);
|
4890
|
-
margin-right: var(--zaui-space-size-sm, 8px);
|
4891
|
-
color: var(--zaui-warning, #EC9131);
|
4892
4896
|
margin-top: var(--zaui-space-size-xs, 4px);
|
4897
|
+
margin-right: var(--zaui-space-size-sm, 8px);
|
4898
|
+
color: var(--zaui-warning, #ec9131);
|
4899
|
+
font-size: var(--zaui-font-size-lg, 16px);
|
4893
4900
|
}
|
4894
4901
|
.pro-edit-label-popconfirm .pro-edit-label-popup {
|
4895
4902
|
min-width: 300px;
|
@@ -4905,12 +4912,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4905
4912
|
-webkit-flex: 0 0 var(--zaui-form-label-width, 130px);
|
4906
4913
|
-ms-flex: 0 0 var(--zaui-form-label-width, 130px);
|
4907
4914
|
flex: 0 0 var(--zaui-form-label-width, 130px);
|
4908
|
-
white-space: pre-wrap;
|
4909
|
-
line-height: 1;
|
4910
|
-
overflow: initial;
|
4911
4915
|
-webkit-box-sizing: border-box;
|
4912
4916
|
box-sizing: border-box;
|
4913
4917
|
padding-right: var(--zaui-space-size-md, 16px);
|
4918
|
+
overflow: initial;
|
4919
|
+
line-height: 1;
|
4920
|
+
white-space: pre-wrap;
|
4914
4921
|
}
|
4915
4922
|
.pro-edit-label-popconfirm .ant-select {
|
4916
4923
|
width: 100%;
|
package/dist/less.esm.css
CHANGED
@@ -1829,6 +1829,10 @@
|
|
1829
1829
|
.ant-tabs-dropdown-menu .pro-tabs-card .pro-tabs-card-right img {
|
1830
1830
|
width: 48px;
|
1831
1831
|
}
|
1832
|
+
.pro-table .pro-tooltip .singleLine {
|
1833
|
+
-webkit-transition: none;
|
1834
|
+
transition: none;
|
1835
|
+
}
|
1832
1836
|
.pro-table.pro-table-draggable-only .ant-table-tbody .anticon {
|
1833
1837
|
margin-right: 0;
|
1834
1838
|
}
|
@@ -4824,8 +4828,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4824
4828
|
display: block;
|
4825
4829
|
}
|
4826
4830
|
.pro-edit-label .pro-form-view-container {
|
4827
|
-
word-break: break-all;
|
4828
4831
|
display: inline-block;
|
4832
|
+
word-break: break-all;
|
4829
4833
|
}
|
4830
4834
|
.pro-edit-label.trigger-hover .anticon-edit {
|
4831
4835
|
display: none;
|
@@ -4834,15 +4838,15 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4834
4838
|
display: block;
|
4835
4839
|
}
|
4836
4840
|
.pro-edit-label .anticon-edit {
|
4837
|
-
color: #D8D8D8;
|
4838
|
-
cursor: pointer;
|
4839
4841
|
padding: var(--zaui-space-size-xs, 4px);
|
4842
|
+
color: #d8d8d8;
|
4843
|
+
cursor: pointer;
|
4840
4844
|
}
|
4841
4845
|
.pro-edit-label .anticon-edit:hover {
|
4842
|
-
color: var(--zaui-brand, #
|
4846
|
+
color: var(--zaui-brand, #006aff);
|
4843
4847
|
}
|
4844
4848
|
.pro-edit-label .anticon-edit:active {
|
4845
|
-
background: #
|
4849
|
+
background: #e3e8f0;
|
4846
4850
|
border-radius: var(--zaui-border-radius-card, 4px);
|
4847
4851
|
}
|
4848
4852
|
.pro-edit-label.pro-edit-label-small {
|
@@ -4855,8 +4859,8 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4855
4859
|
height: 40px;
|
4856
4860
|
}
|
4857
4861
|
.ant-popover .ant-btn-sm {
|
4858
|
-
font-size: var(--zaui-font-size-sm, 12px);
|
4859
4862
|
min-width: 56px;
|
4863
|
+
font-size: var(--zaui-font-size-sm, 12px);
|
4860
4864
|
line-height: 1;
|
4861
4865
|
}
|
4862
4866
|
.ant-popover .ant-btn-sm span {
|
@@ -4865,6 +4869,9 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4865
4869
|
.pro-edit-label-popconfirm {
|
4866
4870
|
z-index: 1001 !important;
|
4867
4871
|
}
|
4872
|
+
.pro-edit-label-popconfirm .ant-popover-inner-content {
|
4873
|
+
width: 100%;
|
4874
|
+
}
|
4868
4875
|
.pro-edit-label-popconfirm .ant-popover-message {
|
4869
4876
|
display: block;
|
4870
4877
|
}
|
@@ -4876,20 +4883,20 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4876
4883
|
max-width: 400px;
|
4877
4884
|
}
|
4878
4885
|
.pro-edit-label-popconfirm .pro-edit-label-title {
|
4879
|
-
font-size: var(--zaui-font-size-lg, 16px);
|
4880
|
-
font-weight: 500;
|
4881
|
-
color: var(--zaui-text, #343434);
|
4882
4886
|
margin-bottom: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size, 1));
|
4887
|
+
color: var(--zaui-text, #343434);
|
4888
|
+
font-weight: 500;
|
4889
|
+
font-size: var(--zaui-font-size-lg, 16px);
|
4883
4890
|
}
|
4884
4891
|
.pro-edit-label-popconfirm .pro-edit-label-tip {
|
4885
4892
|
margin-bottom: calc(var(--zaui-space-size-md, 16px) * var(--zaui-size, 1));
|
4886
4893
|
color: #666;
|
4887
4894
|
}
|
4888
4895
|
.pro-edit-label-popconfirm .pro-edit-label-tip .anticon-info-circle {
|
4889
|
-
font-size: var(--zaui-font-size-lg, 16px);
|
4890
|
-
margin-right: var(--zaui-space-size-sm, 8px);
|
4891
|
-
color: var(--zaui-warning, #EC9131);
|
4892
4896
|
margin-top: var(--zaui-space-size-xs, 4px);
|
4897
|
+
margin-right: var(--zaui-space-size-sm, 8px);
|
4898
|
+
color: var(--zaui-warning, #ec9131);
|
4899
|
+
font-size: var(--zaui-font-size-lg, 16px);
|
4893
4900
|
}
|
4894
4901
|
.pro-edit-label-popconfirm .pro-edit-label-popup {
|
4895
4902
|
min-width: 300px;
|
@@ -4905,12 +4912,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
|
|
4905
4912
|
-webkit-flex: 0 0 var(--zaui-form-label-width, 130px);
|
4906
4913
|
-ms-flex: 0 0 var(--zaui-form-label-width, 130px);
|
4907
4914
|
flex: 0 0 var(--zaui-form-label-width, 130px);
|
4908
|
-
white-space: pre-wrap;
|
4909
|
-
line-height: 1;
|
4910
|
-
overflow: initial;
|
4911
4915
|
-webkit-box-sizing: border-box;
|
4912
4916
|
box-sizing: border-box;
|
4913
4917
|
padding-right: var(--zaui-space-size-md, 16px);
|
4918
|
+
overflow: initial;
|
4919
|
+
line-height: 1;
|
4920
|
+
white-space: pre-wrap;
|
4914
4921
|
}
|
4915
4922
|
.pro-edit-label-popconfirm .ant-select {
|
4916
4923
|
width: 100%;
|
package/es/ProAction/index.d.ts
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
import React, { PropsWithChildren } from 'react';
|
2
|
-
import {
|
2
|
+
import type { ProActionType } from './propsType';
|
3
3
|
import './index.less';
|
4
4
|
declare const ProAction: React.FC<PropsWithChildren<{
|
5
|
-
config?:
|
5
|
+
config?: ProActionType[];
|
6
6
|
}>>;
|
7
7
|
export default ProAction;
|
@@ -1,27 +1,31 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
2
|
import { Service, Options } from 'ahooks/lib/useRequest/src/types';
|
3
|
-
export interface
|
3
|
+
export interface ProActionType {
|
4
4
|
/**
|
5
|
-
* check
|
6
|
-
*
|
5
|
+
* @description 模式类型:check执行校验并解析错误信息展示,confirm确认提示
|
6
|
+
* @default -
|
7
7
|
*/
|
8
8
|
mode?: 'check' | 'confirm';
|
9
9
|
/**
|
10
|
-
* 标题
|
10
|
+
* @description 标题
|
11
|
+
* @default -
|
11
12
|
*/
|
12
13
|
title?: string | ReactNode;
|
13
14
|
/**
|
14
|
-
*
|
15
|
+
* @description 操作回调函数
|
15
16
|
* @param previouData 接上一个 useRequest 返回的值
|
16
17
|
* @param args 接所有链式 useRequest 返回的值
|
17
|
-
* @
|
18
|
+
* @param index 当前操作的索引
|
19
|
+
* @returns void或Promise<void>
|
20
|
+
* @default -
|
18
21
|
*/
|
19
22
|
onAction?: (previouData?: any, args?: any[], index?: number) => void | Promise<void>;
|
20
23
|
/**
|
21
|
-
* 自定义请求
|
24
|
+
* @description 自定义请求
|
22
25
|
* @param previouData 接上一个 useRequest 返回的值
|
23
26
|
* @param args 接所有链式 useRequest 返回的值
|
24
|
-
* @returns
|
27
|
+
* @returns 包含service、options和transformResponse的对象
|
28
|
+
* @default -
|
25
29
|
*/
|
26
30
|
useRequest?: (previouData: any, args: any) => {
|
27
31
|
service?: Service<any, any>;
|
@@ -29,10 +33,12 @@ export interface ActionProps {
|
|
29
33
|
transformResponse?: (data: any) => any;
|
30
34
|
};
|
31
35
|
/**
|
32
|
-
* 是否中断链式操作
|
36
|
+
* @description 是否中断链式操作
|
33
37
|
* @param previouData 上一个操作的返回数据
|
34
38
|
* @param args 所有链式的数据合集
|
35
|
-
* @returns
|
39
|
+
* @returns 布尔值,返回true继续执行,返回false中断操作
|
40
|
+
* @default -
|
36
41
|
*/
|
37
42
|
continue?: (previouData: any, args: any[]) => boolean;
|
38
43
|
}
|
44
|
+
export type ProActionProps = ProActionType;
|
@@ -1,15 +1,15 @@
|
|
1
1
|
import React, { FC } from 'react';
|
2
2
|
import { FormInstance } from 'antd';
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
import {
|
3
|
+
import { PropSelectType } from '../ProSelect/propsType';
|
4
|
+
import { ProModalSelectType } from '../ProForm/components/combination/ProModalSelect/propsType';
|
5
|
+
import { ProCascaderType } from '../ProForm/components/combination/ProCascader/propsType';
|
6
6
|
import { ProEnumConfig } from '../ProEnum/propsType';
|
7
7
|
export interface ProConfigState {
|
8
8
|
locale?: string;
|
9
9
|
ProEnum?: Partial<ProEnumConfig>;
|
10
|
-
ProSelect?: Partial<
|
11
|
-
ProModalSelect?: Partial<
|
12
|
-
ProAddressBar?: Partial<
|
10
|
+
ProSelect?: Partial<PropSelectType> & Record<string, any>;
|
11
|
+
ProModalSelect?: Partial<ProModalSelectType> & Record<string, any>;
|
12
|
+
ProAddressBar?: Partial<ProCascaderType> & Record<string, any>;
|
13
13
|
forms: Record<string, FormInstance | undefined>;
|
14
14
|
[key: string]: any;
|
15
15
|
}
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import {
|
1
|
+
import type { ProDownloadType } from './propsType';
|
2
2
|
declare const ProDownload: {
|
3
|
-
(props:
|
3
|
+
(props: ProDownloadType): import("react/jsx-runtime").JSX.Element;
|
4
4
|
downLoadRequest: import("./utils").DownloadRequestProps;
|
5
5
|
};
|
6
6
|
export default ProDownload;
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { ReactNode } from 'react';
|
2
2
|
import type { ButtonProps } from 'antd';
|
3
3
|
import type { DownloadRequestProps, PropsWithMakeFilePropsType } from './utils';
|
4
|
-
export interface
|
4
|
+
export interface ProDownloadType extends ButtonProps {
|
5
5
|
/**
|
6
6
|
* @description 下载资源获取来源:api:通过接口获取,url:通过静态资源链接获取
|
7
7
|
* @default api
|
@@ -69,3 +69,4 @@ export interface IProDownloadProps extends ButtonProps {
|
|
69
69
|
children?: string | ReactNode;
|
70
70
|
[key: string]: any;
|
71
71
|
}
|
72
|
+
export type IProDownloadProps = ProDownloadType;
|
@@ -1,4 +1,4 @@
|
|
1
1
|
import { FC } from 'react';
|
2
|
-
import {
|
3
|
-
declare const ProEditLabel: FC<
|
2
|
+
import type { ContainerType, LabelType, ProEditLabelType } from './propsType';
|
3
|
+
declare const ProEditLabel: FC<LabelType & ProEditLabelType & ContainerType>;
|
4
4
|
export default ProEditLabel;
|
@@ -3,44 +3,171 @@ import { PopconfirmProps } from 'antd/es/popconfirm';
|
|
3
3
|
import { FormInstance } from 'antd/es/form';
|
4
4
|
import React from 'react';
|
5
5
|
import { ProColumnProps } from '../index';
|
6
|
-
export interface
|
6
|
+
export interface ContainerType {
|
7
|
+
/**
|
8
|
+
* @description 触发方式
|
9
|
+
* @default "click"
|
10
|
+
*/
|
7
11
|
trigger?: 'click' | 'hover';
|
12
|
+
/**
|
13
|
+
* @description 尺寸
|
14
|
+
* @default "middle"
|
15
|
+
*/
|
8
16
|
size?: 'small' | 'middle' | 'large';
|
17
|
+
/**
|
18
|
+
* @description 显示模式
|
19
|
+
* @default "popup"
|
20
|
+
*/
|
9
21
|
mode?: 'popup' | 'current';
|
22
|
+
/**
|
23
|
+
* @description 类型
|
24
|
+
* @default "input"
|
25
|
+
*/
|
10
26
|
type?: 'input' | 'select';
|
11
27
|
}
|
12
|
-
export interface
|
28
|
+
export interface StateType {
|
29
|
+
/**
|
30
|
+
* @description 弹出值
|
31
|
+
* @default ""
|
32
|
+
*/
|
13
33
|
popValue?: string;
|
34
|
+
/**
|
35
|
+
* @description 确认值
|
36
|
+
* @default ""
|
37
|
+
*/
|
14
38
|
confirmValue?: string;
|
15
39
|
}
|
16
|
-
export interface
|
40
|
+
export interface PopupType {
|
41
|
+
/**
|
42
|
+
* @description 类型
|
43
|
+
* @default -
|
44
|
+
*/
|
17
45
|
type?: string;
|
46
|
+
/**
|
47
|
+
* @description 标签
|
48
|
+
* @default -
|
49
|
+
*/
|
18
50
|
label?: string | React.ReactNode;
|
51
|
+
/**
|
52
|
+
* @description 标题
|
53
|
+
* @default -
|
54
|
+
*/
|
19
55
|
title?: string | React.ReactNode;
|
56
|
+
/**
|
57
|
+
* @description 提示
|
58
|
+
* @default -
|
59
|
+
*/
|
20
60
|
tip?: string | React.ReactNode;
|
61
|
+
/**
|
62
|
+
* @description 是否去除空格
|
63
|
+
* @default false
|
64
|
+
*/
|
21
65
|
trim?: boolean;
|
66
|
+
/**
|
67
|
+
* @description 标签宽度
|
68
|
+
* @default -
|
69
|
+
*/
|
22
70
|
labelWidth?: string | number;
|
71
|
+
/**
|
72
|
+
* @description 字段属性
|
73
|
+
* @default -
|
74
|
+
*/
|
23
75
|
fieldProps?: any;
|
76
|
+
/**
|
77
|
+
* @description 列配置
|
78
|
+
* @default -
|
79
|
+
*/
|
24
80
|
columns?: ProColumnProps;
|
81
|
+
/**
|
82
|
+
* @description 允许扩展字段
|
83
|
+
*/
|
25
84
|
[key: string]: any;
|
26
85
|
}
|
27
|
-
export interface
|
86
|
+
export interface LabelType extends InputProps {
|
87
|
+
/**
|
88
|
+
* @description 是否可见
|
89
|
+
* @default false
|
90
|
+
*/
|
28
91
|
visible?: boolean;
|
92
|
+
/**
|
93
|
+
* @description 是否打开
|
94
|
+
* @default false
|
95
|
+
*/
|
29
96
|
open?: boolean;
|
97
|
+
/**
|
98
|
+
* @description 可见性变化回调
|
99
|
+
* @default -
|
100
|
+
*/
|
30
101
|
onVisibleChange?: (open: boolean) => void;
|
102
|
+
/**
|
103
|
+
* @description 值变化回调
|
104
|
+
* @default -
|
105
|
+
*/
|
31
106
|
onChange?: (value: React.ChangeEvent<HTMLInputElement>) => void;
|
107
|
+
/**
|
108
|
+
* @description 是否可编辑
|
109
|
+
* @default false
|
110
|
+
*/
|
32
111
|
editable?: boolean;
|
112
|
+
/**
|
113
|
+
* @description 编辑回调
|
114
|
+
* @default -
|
115
|
+
*/
|
33
116
|
onEdit?: () => void;
|
34
117
|
}
|
35
|
-
export interface
|
36
|
-
|
118
|
+
export interface ProEditLabelType extends Partial<PopconfirmProps> {
|
119
|
+
/**
|
120
|
+
* @description 弹出属性
|
121
|
+
* @default -
|
122
|
+
*/
|
123
|
+
popupProps?: PopupType;
|
124
|
+
/**
|
125
|
+
* @description 空值显示
|
126
|
+
* @default "-"
|
127
|
+
*/
|
37
128
|
viewEmpty?: '-';
|
129
|
+
/**
|
130
|
+
* @description 确认回调
|
131
|
+
* @default -
|
132
|
+
*/
|
38
133
|
onConfirm?: (e?: any) => void;
|
134
|
+
/**
|
135
|
+
* @description 完成回调
|
136
|
+
* @default -
|
137
|
+
*/
|
39
138
|
onFinish?: (e?: any) => void;
|
139
|
+
/**
|
140
|
+
* @description 打开状态变化回调
|
141
|
+
* @default -
|
142
|
+
*/
|
40
143
|
onOpenChange?: (e?: any) => void;
|
144
|
+
/**
|
145
|
+
* @description 触发方式
|
146
|
+
* @default "click"
|
147
|
+
*/
|
41
148
|
trigger?: 'click' | 'hover';
|
149
|
+
/**
|
150
|
+
* @description 值
|
151
|
+
* @default -
|
152
|
+
*/
|
42
153
|
value?: any;
|
154
|
+
/**
|
155
|
+
* @description 表单实例
|
156
|
+
* @default -
|
157
|
+
*/
|
43
158
|
form?: FormInstance;
|
159
|
+
/**
|
160
|
+
* @description 是否禁用
|
161
|
+
* @default false
|
162
|
+
*/
|
44
163
|
disabled?: boolean;
|
164
|
+
/**
|
165
|
+
* @description 允许扩展字段
|
166
|
+
*/
|
45
167
|
[key: string]: any;
|
46
168
|
}
|
169
|
+
export type ContainerProps = ContainerType;
|
170
|
+
export type StateProps = StateType;
|
171
|
+
export type PopupProps = PopupType;
|
172
|
+
export type LabelProps = LabelType;
|
173
|
+
export type PopupConfirmProps = ProEditLabelType;
|
@@ -11,8 +11,8 @@
|
|
11
11
|
}
|
12
12
|
|
13
13
|
.pro-form-view-container {
|
14
|
+
display: inline-block;
|
14
15
|
word-break: break-all;
|
15
|
-
display : inline-block;
|
16
16
|
}
|
17
17
|
|
18
18
|
&.trigger-hover {
|
@@ -25,20 +25,19 @@
|
|
25
25
|
display: block;
|
26
26
|
}
|
27
27
|
}
|
28
|
-
|
29
28
|
}
|
30
29
|
|
31
30
|
.anticon-edit {
|
32
|
-
color : #D8D8D8;
|
33
|
-
cursor : pointer;
|
34
31
|
padding: var(--zaui-space-size-xs, 4px);
|
32
|
+
color: #d8d8d8;
|
33
|
+
cursor: pointer;
|
35
34
|
|
36
35
|
&:hover {
|
37
|
-
color: var(--zaui-brand, #
|
36
|
+
color: var(--zaui-brand, #006aff);
|
38
37
|
}
|
39
38
|
|
40
39
|
&:active {
|
41
|
-
background
|
40
|
+
background: #e3e8f0;
|
42
41
|
border-radius: var(--zaui-border-radius-card, 4px);
|
43
42
|
}
|
44
43
|
}
|
@@ -54,25 +53,27 @@
|
|
54
53
|
&.pro-edit-label-large {
|
55
54
|
height: 40px;
|
56
55
|
}
|
57
|
-
|
58
56
|
}
|
59
57
|
|
60
58
|
.@{ant-prefix}-popover {
|
61
59
|
.@{ant-prefix}-btn-sm {
|
62
|
-
|
63
|
-
|
60
|
+
min-width: 56px;
|
61
|
+
font-size: var(--zaui-font-size-sm, 12px);
|
64
62
|
line-height: 1;
|
65
63
|
|
66
64
|
span {
|
67
65
|
letter-spacing: -1px;
|
68
66
|
}
|
69
|
-
|
70
67
|
}
|
71
68
|
}
|
72
69
|
|
73
70
|
.pro-edit-label-popconfirm {
|
74
71
|
z-index: 1001 !important;
|
75
72
|
|
73
|
+
.@{ant-prefix}-popover-inner-content {
|
74
|
+
width: 100%;
|
75
|
+
}
|
76
|
+
|
76
77
|
.@{ant-prefix}-popover-message {
|
77
78
|
display: block;
|
78
79
|
}
|
@@ -82,26 +83,26 @@
|
|
82
83
|
}
|
83
84
|
|
84
85
|
.@{ant-prefix}-popover-content {
|
85
|
-
width
|
86
|
+
width: 360px;
|
86
87
|
max-width: 400px;
|
87
88
|
}
|
88
89
|
|
89
90
|
.pro-edit-label-title {
|
90
|
-
font-size : var(--zaui-font-size-lg, 16px);
|
91
|
-
font-weight : 500;
|
92
|
-
color : var(--zaui-text, #343434);
|
93
91
|
margin-bottom: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size; 1));
|
92
|
+
color: var(--zaui-text, #343434);
|
93
|
+
font-weight: 500;
|
94
|
+
font-size: var(--zaui-font-size-lg, 16px);
|
94
95
|
}
|
95
96
|
|
96
97
|
.pro-edit-label-tip {
|
97
98
|
margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
|
98
|
-
color
|
99
|
+
color: #666;
|
99
100
|
|
100
101
|
.anticon-info-circle {
|
101
|
-
|
102
|
+
margin-top: var(--zaui-space-size-xs, 4px);
|
102
103
|
margin-right: var(--zaui-space-size-sm, 8px);
|
103
|
-
color
|
104
|
-
|
104
|
+
color: var(--zaui-warning, #ec9131);
|
105
|
+
font-size: var(--zaui-font-size-lg, 16px);
|
105
106
|
}
|
106
107
|
}
|
107
108
|
|
@@ -119,18 +120,16 @@
|
|
119
120
|
}
|
120
121
|
|
121
122
|
.@{ant-prefix}-col-10 {
|
122
|
-
flex
|
123
|
-
|
124
|
-
line-height : 1;
|
125
|
-
overflow : initial;
|
126
|
-
box-sizing : border-box;
|
123
|
+
flex: 0 0 var(--zaui-form-label-width, 130px);
|
124
|
+
box-sizing: border-box;
|
127
125
|
padding-right: var(--zaui-space-size-md, 16px);
|
126
|
+
overflow: initial;
|
127
|
+
line-height: 1;
|
128
|
+
white-space: pre-wrap;
|
128
129
|
}
|
129
|
-
|
130
130
|
}
|
131
131
|
|
132
132
|
.@{ant-prefix}-select {
|
133
133
|
width: 100%;
|
134
134
|
}
|
135
|
-
|
136
135
|
}
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import {
|
2
|
-
interface Props extends Pick<
|
1
|
+
import type { ProEnumType } from '../propsType';
|
2
|
+
interface Props extends Pick<ProEnumType, 'id' | 'value' | 'onChange' | 'dataSource'> {
|
3
3
|
fieldValue: string;
|
4
4
|
fieldLabel: string;
|
5
5
|
disabled?: boolean;
|
@@ -1,5 +1,5 @@
|
|
1
|
-
import {
|
2
|
-
interface Props extends Pick<
|
1
|
+
import type { ProEnumType } from '../propsType';
|
2
|
+
interface Props extends Pick<ProEnumType, 'id' | 'value' | 'onChange' | 'dataSource'> {
|
3
3
|
fieldValue: string;
|
4
4
|
fieldLabel: string;
|
5
5
|
}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import type { ProEnumConfigType } from '../propsType';
|
2
2
|
import '../utils/eventCenter';
|
3
|
-
declare const useEnumRequest: (props:
|
3
|
+
declare const useEnumRequest: (props: ProEnumConfigType, dispatch: any) => import("ahooks/lib/useRequest/src/types").Result<any, any>;
|
4
4
|
export default useEnumRequest;
|
package/es/ProEnum/index.d.ts
CHANGED
@@ -1,8 +1,8 @@
|
|
1
1
|
import useEnum from './hooks/useEnum';
|
2
|
-
import {
|
2
|
+
import type { ProEnumType } from './propsType';
|
3
3
|
import './style/index.less';
|
4
4
|
declare const ProEnum: {
|
5
|
-
(props:
|
5
|
+
(props: ProEnumType): import("react/jsx-runtime").JSX.Element;
|
6
6
|
getEnumLabel: (code: string | string[], value: any, compose?: boolean, fieldNameLabel?: string, fieldNameValue?: string) => import("react/jsx-runtime").JSX.Element;
|
7
7
|
useEnum: typeof useEnum;
|
8
8
|
};
|