@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.
Files changed (101) hide show
  1. package/dist/index.esm.css +22 -15
  2. package/dist/less.esm.css +22 -15
  3. package/es/ProAction/index.d.ts +2 -2
  4. package/es/ProAction/propsType.d.ts +16 -10
  5. package/es/ProConfigProvider/index.d.ts +6 -6
  6. package/es/ProDownload/index.d.ts +2 -2
  7. package/es/ProDownload/propsType.d.ts +2 -1
  8. package/es/ProEditLabel/components/RenderProForm.d.ts +2 -2
  9. package/es/ProEditLabel/index.d.ts +2 -2
  10. package/es/ProEditLabel/propsType.d.ts +133 -6
  11. package/es/ProEditLabel/style/index.less +24 -25
  12. package/es/ProEnum/components/Group.d.ts +2 -2
  13. package/es/ProEnum/components/Tag.d.ts +2 -2
  14. package/es/ProEnum/hooks/useEnumRequest.d.ts +2 -2
  15. package/es/ProEnum/index.d.ts +2 -2
  16. package/es/ProEnum/propsType.d.ts +228 -39
  17. package/es/ProEnum/propsType.js +0 -6
  18. package/es/ProEnum/utils/index.d.ts +1 -1
  19. package/es/ProForm/components/combination/ProCascader/index.d.ts +1 -2
  20. package/es/ProForm/components/combination/ProCascader/propsType.d.ts +2 -1
  21. package/es/ProForm/components/combination/ProModalSelect/propsType.d.ts +3 -2
  22. package/es/ProLayout/components/Layout/Header/index.d.ts +2 -2
  23. package/es/ProLayout/components/Layout/Menu/index.d.ts +2 -2
  24. package/es/ProLayout/components/Layout/Notice/index.d.ts +2 -2
  25. package/es/ProLayout/components/ProCollapse/PropTypes.d.ts +4 -2
  26. package/es/ProLayout/components/ProCollapse/index.d.ts +2 -2
  27. package/es/ProLayout/components/ProFooter/PropTypes.d.ts +2 -1
  28. package/es/ProLayout/components/ProFooter/index.d.ts +2 -2
  29. package/es/ProLayout/components/ProHeader/PropTypes.d.ts +13 -9
  30. package/es/ProLayout/components/ProHeader/index.d.ts +2 -2
  31. package/es/ProLayout/index.d.ts +5 -5
  32. package/es/ProLayout/index.js +6 -2
  33. package/es/ProLayout/propTypes.d.ts +62 -21
  34. package/es/ProLayout/utils/index.d.ts +2 -2
  35. package/es/ProSelect/index.d.ts +3 -3
  36. package/es/ProSelect/propsType.d.ts +139 -29
  37. package/es/ProTable/style/index.less +3 -0
  38. package/es/ProTabs/index.d.ts +2 -2
  39. package/es/ProTabs/index.js +4 -4
  40. package/es/ProTabs/propType.d.ts +66 -9
  41. package/es/ProThemeTools/index.d.ts +2 -2
  42. package/es/ProThemeTools/propsType.d.ts +136 -14
  43. package/es/ProUpload/components/ButtonRender.d.ts +2 -2
  44. package/es/ProUpload/components/DraggableUploadListItem.d.ts +2 -2
  45. package/es/ProUpload/components/Example.d.ts +2 -2
  46. package/es/ProUpload/components/ImageRender.d.ts +2 -2
  47. package/es/ProUpload/index.d.ts +2 -2
  48. package/es/ProUpload/index.js +0 -7
  49. package/es/ProUpload/propsType.d.ts +59 -8
  50. package/es/ProWaterMark/index.d.ts +2 -2
  51. package/es/ProWaterMark/propsType.d.ts +2 -1
  52. package/lib/ProAction/index.d.ts +2 -2
  53. package/lib/ProAction/propsType.d.ts +16 -10
  54. package/lib/ProConfigProvider/index.d.ts +6 -6
  55. package/lib/ProDownload/index.d.ts +2 -2
  56. package/lib/ProDownload/propsType.d.ts +2 -1
  57. package/lib/ProEditLabel/components/RenderProForm.d.ts +2 -2
  58. package/lib/ProEditLabel/index.d.ts +2 -2
  59. package/lib/ProEditLabel/propsType.d.ts +133 -6
  60. package/lib/ProEditLabel/style/index.less +24 -25
  61. package/lib/ProEnum/components/Group.d.ts +2 -2
  62. package/lib/ProEnum/components/Tag.d.ts +2 -2
  63. package/lib/ProEnum/hooks/useEnumRequest.d.ts +2 -2
  64. package/lib/ProEnum/index.d.ts +2 -2
  65. package/lib/ProEnum/propsType.d.ts +228 -39
  66. package/lib/ProEnum/propsType.js +1 -7
  67. package/lib/ProEnum/utils/index.d.ts +1 -1
  68. package/lib/ProForm/components/combination/ProCascader/index.d.ts +1 -2
  69. package/lib/ProForm/components/combination/ProCascader/propsType.d.ts +2 -1
  70. package/lib/ProForm/components/combination/ProModalSelect/propsType.d.ts +3 -2
  71. package/lib/ProLayout/components/Layout/Header/index.d.ts +2 -2
  72. package/lib/ProLayout/components/Layout/Menu/index.d.ts +2 -2
  73. package/lib/ProLayout/components/Layout/Notice/index.d.ts +2 -2
  74. package/lib/ProLayout/components/ProCollapse/PropTypes.d.ts +4 -2
  75. package/lib/ProLayout/components/ProCollapse/index.d.ts +2 -2
  76. package/lib/ProLayout/components/ProFooter/PropTypes.d.ts +2 -1
  77. package/lib/ProLayout/components/ProFooter/index.d.ts +2 -2
  78. package/lib/ProLayout/components/ProHeader/PropTypes.d.ts +13 -9
  79. package/lib/ProLayout/components/ProHeader/index.d.ts +2 -2
  80. package/lib/ProLayout/index.d.ts +5 -5
  81. package/lib/ProLayout/index.js +6 -2
  82. package/lib/ProLayout/propTypes.d.ts +62 -21
  83. package/lib/ProLayout/utils/index.d.ts +2 -2
  84. package/lib/ProSelect/index.d.ts +3 -3
  85. package/lib/ProSelect/propsType.d.ts +139 -29
  86. package/lib/ProTable/style/index.less +3 -0
  87. package/lib/ProTabs/index.d.ts +2 -2
  88. package/lib/ProTabs/index.js +4 -4
  89. package/lib/ProTabs/propType.d.ts +66 -9
  90. package/lib/ProThemeTools/index.d.ts +2 -2
  91. package/lib/ProThemeTools/propsType.d.ts +136 -14
  92. package/lib/ProUpload/components/ButtonRender.d.ts +2 -2
  93. package/lib/ProUpload/components/DraggableUploadListItem.d.ts +2 -2
  94. package/lib/ProUpload/components/Example.d.ts +2 -2
  95. package/lib/ProUpload/components/ImageRender.d.ts +2 -2
  96. package/lib/ProUpload/index.d.ts +2 -2
  97. package/lib/ProUpload/index.js +0 -7
  98. package/lib/ProUpload/propsType.d.ts +59 -8
  99. package/lib/ProWaterMark/index.d.ts +2 -2
  100. package/lib/ProWaterMark/propsType.d.ts +2 -1
  101. package/package.json +1 -1
@@ -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, #006AFF);
4846
+ color: var(--zaui-brand, #006aff);
4843
4847
  }
4844
4848
  .pro-edit-label .anticon-edit:active {
4845
- background: #E3E8F0;
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, #006AFF);
4846
+ color: var(--zaui-brand, #006aff);
4843
4847
  }
4844
4848
  .pro-edit-label .anticon-edit:active {
4845
- background: #E3E8F0;
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%;
@@ -1,7 +1,7 @@
1
1
  import React, { PropsWithChildren } from 'react';
2
- import { ActionProps } from './propsType';
2
+ import type { ProActionType } from './propsType';
3
3
  import './index.less';
4
4
  declare const ProAction: React.FC<PropsWithChildren<{
5
- config?: ActionProps[];
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 ActionProps {
3
+ export interface ProActionType {
4
4
  /**
5
- * check 执行校验并解析错误信息展示
6
- * confirm 确认提示
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
- * @returns
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 { PropSelectProps } from '../ProSelect/propsType';
4
- import { ProModalSelectPropsType } from '../ProForm/components/combination/ProModalSelect/propsType';
5
- import { ProCascaderProps } from '../ProForm/components/combination/ProCascader/propsType';
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<PropSelectProps> & Record<string, any>;
11
- ProModalSelect?: Partial<ProModalSelectPropsType> & Record<string, any>;
12
- ProAddressBar?: Partial<ProCascaderProps> & Record<string, any>;
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 { IProDownloadProps } from './propsType';
1
+ import type { ProDownloadType } from './propsType';
2
2
  declare const ProDownload: {
3
- (props: IProDownloadProps): import("react/jsx-runtime").JSX.Element;
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 IProDownloadProps extends ButtonProps {
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 type { PopupProps } from '../propsType';
3
- declare const RenderProForm: FC<PopupProps>;
2
+ import type { PopupType } from '../propsType';
3
+ declare const RenderProForm: FC<PopupType>;
4
4
  export default RenderProForm;
@@ -1,4 +1,4 @@
1
1
  import { FC } from 'react';
2
- import { ContainerProps, LabelProps, PopupConfirmProps } from './propsType';
3
- declare const ProEditLabel: FC<LabelProps & PopupConfirmProps & ContainerProps>;
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 ContainerProps {
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 StateProps {
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 PopupProps {
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 LabelProps extends InputProps {
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 PopupConfirmProps extends Partial<PopconfirmProps> {
36
- popupProps?: PopupProps;
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, #006AFF);
36
+ color: var(--zaui-brand, #006aff);
38
37
  }
39
38
 
40
39
  &:active {
41
- background : #E3E8F0;
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
- font-size : var(--zaui-font-size-sm, 12px);
63
- min-width : 56px;
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 : 360px;
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 : #666;
99
+ color: #666;
99
100
 
100
101
  .anticon-info-circle {
101
- font-size : var(--zaui-font-size-lg, 16px);
102
+ margin-top: var(--zaui-space-size-xs, 4px);
102
103
  margin-right: var(--zaui-space-size-sm, 8px);
103
- color : var(--zaui-warning, #EC9131);
104
- margin-top : var(--zaui-space-size-xs, 4px);
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 : 0 0 var(--zaui-form-label-width, 130px);
123
- white-space : pre-wrap;
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 { ProEnum } from '../propsType';
2
- interface Props extends Pick<ProEnum, 'id' | 'value' | 'onChange' | 'dataSource'> {
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 { ProEnum } from '../propsType';
2
- interface Props extends Pick<ProEnum, 'id' | 'value' | 'onChange' | 'dataSource'> {
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 { ProEnumConfig } from '../propsType';
1
+ import type { ProEnumConfigType } from '../propsType';
2
2
  import '../utils/eventCenter';
3
- declare const useEnumRequest: (props: ProEnumConfig, dispatch: any) => import("ahooks/lib/useRequest/src/types").Result<any, any>;
3
+ declare const useEnumRequest: (props: ProEnumConfigType, dispatch: any) => import("ahooks/lib/useRequest/src/types").Result<any, any>;
4
4
  export default useEnumRequest;
@@ -1,8 +1,8 @@
1
1
  import useEnum from './hooks/useEnum';
2
- import { ProEnumProps } from './propsType';
2
+ import type { ProEnumType } from './propsType';
3
3
  import './style/index.less';
4
4
  declare const ProEnum: {
5
- (props: ProEnumProps): import("react/jsx-runtime").JSX.Element;
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
  };