@zat-design/sisyphus-react 3.3.2 → 3.3.3-beta.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/dist/index.esm.css +11 -8
- package/es/ProConfigProvider/index.js +0 -1
- package/es/ProDrawerForm/components/ProModal/index.js +0 -1
- package/es/ProEditLabel/index.js +2 -3
- package/es/ProEditTable/components/ActionButton/index.js +6 -6
- package/es/ProEditTable/components/RenderField/index.js +5 -5
- package/es/ProEditTable/style/index.less +0 -1
- package/es/ProEditTable/utils/index.js +2 -4
- package/es/ProForm/components/ProFormGroup/index.d.ts +13 -0
- package/es/ProForm/components/ProFormGroup/index.js +27 -0
- package/es/ProForm/components/base/Switch/index.js +0 -1
- package/es/ProForm/components/base/TextArea/index.js +9 -5
- package/es/ProForm/components/combination/Container/index.js +4 -2
- package/es/ProForm/components/combination/Container/propsType.d.ts +2 -0
- package/es/ProForm/components/combination/FormList/components/ActionButton.js +2 -2
- package/es/ProForm/components/combination/ProCombination/index.js +0 -1
- package/es/ProForm/components/combination/ProModalSelect/index.js +1 -2
- package/es/ProForm/components/combination/ProTimeLimit/index.d.ts +1 -0
- package/es/ProForm/components/combination/ProTimeLimit/index.js +2 -2
- package/es/ProForm/components/render/Render.js +4 -5
- package/es/ProForm/components/render/RenderFields.js +5 -0
- package/es/ProForm/components/render/propsType.d.ts +1 -0
- package/es/ProForm/components/render/propsType.js +1 -0
- package/es/ProForm/index.js +27 -7
- package/es/ProForm/propsType.d.ts +2 -0
- package/es/ProForm/style/index.less +6 -3
- package/es/ProForm/utils/index.js +4 -0
- package/es/ProForm/utils/useChanged.js +1 -1
- package/es/ProForm/utils/useForm.js +49 -75
- package/es/ProForm/utils/useListChanged.js +22 -10
- package/es/ProLayout/components/ProCollapse/index.js +1 -0
- package/es/ProLayout/components/ProCollapse/style/index.less +49 -39
- package/es/ProStep/index.js +0 -1
- package/es/ProThemeTools/index.js +0 -1
- package/es/ProThemeTools/utils/index.js +0 -1
- package/es/ProTree/components/Tree.js +0 -1
- package/es/ProTreeModal/index.js +5 -1
- package/es/ProTreeSelect/index.js +2 -4
- package/es/ProUpload/index.js +0 -1
- package/es/index.d.ts +1 -0
- package/es/index.js +1 -0
- package/es/old/ProEditableTable/index.js +1 -1
- package/es/style/theme/antd.less +1 -1
- package/lib/ProConfigProvider/index.js +0 -1
- package/lib/ProDrawerForm/components/ProModal/index.js +0 -1
- package/lib/ProEditLabel/index.js +2 -3
- package/lib/ProEditTable/components/ActionButton/index.js +6 -6
- package/lib/ProEditTable/components/RenderField/index.js +5 -5
- package/lib/ProEditTable/style/index.less +0 -1
- package/lib/ProEditTable/utils/index.js +2 -4
- package/lib/ProForm/components/ProFormGroup/index.d.ts +13 -0
- package/lib/ProForm/components/ProFormGroup/index.js +35 -0
- package/lib/ProForm/components/base/TextArea/index.js +9 -5
- package/lib/ProForm/components/combination/Container/index.js +4 -2
- package/lib/ProForm/components/combination/Container/propsType.d.ts +2 -0
- package/lib/ProForm/components/combination/FormList/components/ActionButton.js +2 -2
- package/lib/ProForm/components/combination/ProCombination/index.js +0 -1
- package/lib/ProForm/components/combination/ProModalSelect/index.js +1 -2
- package/lib/ProForm/components/combination/ProTimeLimit/index.d.ts +1 -0
- package/lib/ProForm/components/combination/ProTimeLimit/index.js +2 -3
- package/lib/ProForm/components/old/InputRange/index.js +1 -0
- package/lib/ProForm/components/render/Render.js +4 -5
- package/lib/ProForm/components/render/RenderFields.js +5 -0
- package/lib/ProForm/components/render/propsType.d.ts +1 -0
- package/lib/ProForm/components/render/propsType.js +2 -1
- package/lib/ProForm/index.js +24 -4
- package/lib/ProForm/propsType.d.ts +2 -0
- package/lib/ProForm/style/index.less +6 -3
- package/lib/ProForm/utils/index.js +4 -0
- package/lib/ProForm/utils/useChanged.js +1 -1
- package/lib/ProForm/utils/useForm.js +49 -75
- package/lib/ProForm/utils/useListChanged.js +22 -10
- package/lib/ProLayout/components/ProCollapse/index.js +1 -0
- package/lib/ProLayout/components/ProCollapse/style/index.less +49 -39
- package/lib/ProStep/index.js +0 -1
- package/lib/ProThemeTools/index.js +0 -1
- package/lib/ProThemeTools/utils/index.js +0 -1
- package/lib/ProTree/components/Tree.js +0 -1
- package/lib/ProTree/index.js +1 -0
- package/lib/ProTreeModal/index.js +5 -1
- package/lib/ProTreeSelect/index.js +2 -4
- package/lib/ProUpload/index.js +0 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +15 -0
- package/lib/old/ProEditableTable/index.js +1 -1
- package/lib/style/theme/antd.less +1 -1
- package/package.json +3 -2
|
@@ -18,59 +18,62 @@
|
|
|
18
18
|
|
|
19
19
|
.@{ant-prefix}-collapse-header {
|
|
20
20
|
align-items: center !important;
|
|
21
|
-
padding
|
|
22
|
-
background
|
|
21
|
+
padding: 12px var(--zaui-space-size-md, 16px) !important;
|
|
22
|
+
background: var(--zaui-area, #fafafa);
|
|
23
23
|
}
|
|
24
24
|
|
|
25
25
|
.@{ant-prefix}-collapse-header-text {
|
|
26
|
-
color
|
|
26
|
+
color: var(--zaui-text, #343434);
|
|
27
27
|
font-weight: 500;
|
|
28
|
-
font-size
|
|
28
|
+
font-size: var(--zaui-font-size-lg, 16px);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.@{ant-prefix}-collapse-expand-icon {
|
|
32
32
|
color: #c5c7cd;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
&.@{ant-prefix}-collapse-borderless
|
|
35
|
+
&.@{ant-prefix}-collapse-borderless
|
|
36
|
+
.@{ant-prefix}-collapse-item
|
|
37
|
+
> .@{ant-prefix}-collapse-content
|
|
38
|
+
> .@{ant-prefix}-collapse-content-box {
|
|
36
39
|
padding: 0;
|
|
37
40
|
}
|
|
38
41
|
|
|
39
42
|
.@{ant-prefix}-collapse-content-box {
|
|
40
|
-
padding
|
|
43
|
+
padding: 0;
|
|
41
44
|
background: var(--zaui-base-bg, #ffffff);
|
|
42
45
|
|
|
43
46
|
.pro-collapse-content {
|
|
44
|
-
padding
|
|
47
|
+
padding: var(--zaui-space-size-md, 16px);
|
|
45
48
|
padding-bottom: 0;
|
|
46
|
-
background
|
|
49
|
+
background: var(--zaui-base-bg, #ffffff);
|
|
47
50
|
}
|
|
48
51
|
}
|
|
49
52
|
|
|
50
53
|
&.pro-collapse-level2 {
|
|
51
54
|
margin-bottom: 0;
|
|
52
|
-
background
|
|
55
|
+
background: var(--zaui-base-bg, #ffffff);
|
|
53
56
|
|
|
54
57
|
.@{ant-prefix}-collapse-header {
|
|
55
58
|
margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
|
|
56
|
-
padding
|
|
57
|
-
background
|
|
59
|
+
padding: 0 !important;
|
|
60
|
+
background: var(--zaui-base-bg, #ffffff);
|
|
58
61
|
|
|
59
62
|
.@{ant-prefix}-collapse-header-text {
|
|
60
|
-
position
|
|
63
|
+
position: relative;
|
|
61
64
|
padding-left: var(--zaui-space-size-sm, 8px);
|
|
62
|
-
font-size
|
|
65
|
+
font-size: var(--zaui-font-size, 14px);
|
|
63
66
|
|
|
64
67
|
&::before {
|
|
65
|
-
position
|
|
66
|
-
top
|
|
67
|
-
left
|
|
68
|
-
width
|
|
69
|
-
height
|
|
70
|
-
background
|
|
68
|
+
position: absolute;
|
|
69
|
+
top: 50%;
|
|
70
|
+
left: 0;
|
|
71
|
+
width: 4px;
|
|
72
|
+
height: 14px;
|
|
73
|
+
background: var(--zaui-brand);
|
|
71
74
|
border-radius: var(--zaui-border-radius-card, 2px);
|
|
72
|
-
transform
|
|
73
|
-
content
|
|
75
|
+
transform: translateY(-50%);
|
|
76
|
+
content: '';
|
|
74
77
|
}
|
|
75
78
|
}
|
|
76
79
|
|
|
@@ -93,9 +96,12 @@
|
|
|
93
96
|
padding: 0;
|
|
94
97
|
}
|
|
95
98
|
|
|
96
|
-
&.@{ant-prefix}-collapse .@{ant-prefix}-collapse-item-disabled
|
|
97
|
-
.@{ant-prefix}-collapse
|
|
98
|
-
|
|
99
|
+
&.@{ant-prefix}-collapse .@{ant-prefix}-collapse-item-disabled > .@{ant-prefix}-collapse-header,
|
|
100
|
+
.@{ant-prefix}-collapse
|
|
101
|
+
.@{ant-prefix}-collapse-item-disabled
|
|
102
|
+
> .@{ant-prefix}-collapse-header
|
|
103
|
+
> .arrow {
|
|
104
|
+
color: var(--zaui-text, #343434);
|
|
99
105
|
cursor: default;
|
|
100
106
|
}
|
|
101
107
|
|
|
@@ -108,6 +114,12 @@
|
|
|
108
114
|
display: block;
|
|
109
115
|
}
|
|
110
116
|
}
|
|
117
|
+
|
|
118
|
+
.pro-collapse-level2-no-collapse {
|
|
119
|
+
.@{ant-prefix}-collapse-expand-icon {
|
|
120
|
+
display: none;
|
|
121
|
+
}
|
|
122
|
+
}
|
|
111
123
|
}
|
|
112
124
|
|
|
113
125
|
.@{ant-prefix}-collapse-extra {
|
|
@@ -117,10 +129,9 @@
|
|
|
117
129
|
}
|
|
118
130
|
|
|
119
131
|
&.pro-collapse-list {
|
|
120
|
-
|
|
121
|
-
.@{ant-prefix}-descriptions-row>
|
|
122
|
-
|
|
123
|
-
padding : var(--zaui-space-size-md, 16px) 0;
|
|
132
|
+
.@{ant-prefix}-descriptions-row > th,
|
|
133
|
+
.@{ant-prefix}-descriptions-row > td {
|
|
134
|
+
padding: var(--zaui-space-size-md, 16px) 0;
|
|
124
135
|
background: #fafafa;
|
|
125
136
|
|
|
126
137
|
&.@{ant-prefix}-descriptions-item {
|
|
@@ -133,26 +144,25 @@
|
|
|
133
144
|
position: relative;
|
|
134
145
|
|
|
135
146
|
&::before {
|
|
136
|
-
position
|
|
137
|
-
top
|
|
138
|
-
left
|
|
139
|
-
width
|
|
140
|
-
height
|
|
141
|
-
background
|
|
147
|
+
position: absolute;
|
|
148
|
+
top: 50%;
|
|
149
|
+
left: 8px;
|
|
150
|
+
width: 4px;
|
|
151
|
+
height: 14px;
|
|
152
|
+
background: var(--zaui-brand);
|
|
142
153
|
border-radius: var(--zaui-border-radius-card, 2px);
|
|
143
|
-
transform
|
|
144
|
-
content
|
|
154
|
+
transform: translateY(-50%);
|
|
155
|
+
content: '';
|
|
145
156
|
}
|
|
146
157
|
}
|
|
147
158
|
}
|
|
148
159
|
|
|
149
160
|
.@{ant-prefix}-descriptions-item-container {
|
|
150
|
-
|
|
151
161
|
.@{ant-prefix}-descriptions-item-label,
|
|
152
162
|
.@{ant-prefix}-descriptions-item-content {
|
|
153
|
-
color
|
|
163
|
+
color: #0a0a0a !important;
|
|
154
164
|
font-weight: 500 !important;
|
|
155
|
-
font-size
|
|
165
|
+
font-size: var(--zaui-font-size, 14px);
|
|
156
166
|
}
|
|
157
167
|
}
|
|
158
168
|
|
package/lib/ProStep/index.js
CHANGED
|
@@ -119,7 +119,6 @@ var ProThemeTools = function ProThemeTools(_ref) {
|
|
|
119
119
|
return ["".concat((0, _index.getKebabCase)(item === null || item === void 0 ? void 0 : item[0])), ['zauiSize'].includes(item === null || item === void 0 ? void 0 : item[0]) || typeof (item === null || item === void 0 ? void 0 : item[1]) !== 'number' ? item === null || item === void 0 ? void 0 : item[1] : "".concat(item === null || item === void 0 ? void 0 : item[1], "px") // zauiSize取数字
|
|
120
120
|
];
|
|
121
121
|
}));
|
|
122
|
-
|
|
123
122
|
setState((0, _objectSpread2.default)((0, _objectSpread2.default)({}, state), localThemeConfig));
|
|
124
123
|
(0, _index.setThemes)(cssVariables);
|
|
125
124
|
_antd.ConfigProvider.config({
|
package/lib/ProTree/index.js
CHANGED
|
@@ -16,6 +16,7 @@ var _ProTreeSelect = _interopRequireDefault(require("../ProTreeSelect"));
|
|
|
16
16
|
*@Author: liudongliang
|
|
17
17
|
*@Description: ProTree组件,集成了tree和treeSelect
|
|
18
18
|
*/
|
|
19
|
+
|
|
19
20
|
var ProTreeHandle = function ProTreeHandle(props) {
|
|
20
21
|
var _props$mode = props.mode,
|
|
21
22
|
mode = _props$mode === void 0 ? 'tree' : _props$mode;
|
|
@@ -492,8 +492,12 @@ var ProTreeModal = function ProTreeModal(props) {
|
|
|
492
492
|
} else {
|
|
493
493
|
onChange === null || onChange === void 0 ? void 0 : onChange([]);
|
|
494
494
|
setState({
|
|
495
|
-
checkAll: false
|
|
495
|
+
checkAll: false,
|
|
496
|
+
open: true
|
|
496
497
|
});
|
|
498
|
+
if (appoint) {
|
|
499
|
+
openChange === null || openChange === void 0 ? void 0 : openChange(true);
|
|
500
|
+
}
|
|
497
501
|
}
|
|
498
502
|
};
|
|
499
503
|
/**
|
|
@@ -21,7 +21,6 @@ var _excluded = ["disabled", "code", "dataSource", "defaultDisableValue", "onCha
|
|
|
21
21
|
_excluded2 = ["children"];
|
|
22
22
|
var SHOW_PARENT = _antd.TreeSelect.SHOW_PARENT;
|
|
23
23
|
var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
24
|
-
var _classnames2;
|
|
25
24
|
// 全局属性配置在ConfigProvider
|
|
26
25
|
var _ref = (0, _ProConfigProvider.useProConfig)('ProTreeSelect') || {},
|
|
27
26
|
_ref$fieldNames = _ref.fieldNames,
|
|
@@ -365,7 +364,6 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
|
365
364
|
// currentAllNodeChild.push(item);
|
|
366
365
|
// }
|
|
367
366
|
}
|
|
368
|
-
|
|
369
367
|
return currentAllNodeChild;
|
|
370
368
|
};
|
|
371
369
|
sourceList = filterData(sourceList);
|
|
@@ -471,9 +469,9 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
|
|
|
471
469
|
'pro-tree-select': true
|
|
472
470
|
}, "".concat(className), className));
|
|
473
471
|
var innerClass = treeCheckable ? 'checkable-tree pro' : "".concat(tenCountClass, " signal-tree");
|
|
474
|
-
var dropDownClassName = (0, _classnames3.default)((
|
|
472
|
+
var dropDownClassName = (0, _classnames3.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
|
|
475
473
|
'pro-tree-select-drop-down-container': true
|
|
476
|
-
},
|
|
474
|
+
}, "".concat(innerClass), true), "".concat(popupClassName), popupClassName));
|
|
477
475
|
var treeProps = (0, _objectSpread2.default)({
|
|
478
476
|
disabled: disabled,
|
|
479
477
|
showSearch: showSearch,
|
package/lib/ProUpload/index.js
CHANGED
|
@@ -98,7 +98,6 @@ var ProUpload = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
98
98
|
response: file === null || file === void 0 ? void 0 : file.response
|
|
99
99
|
// url: file?.response?.data?.url,
|
|
100
100
|
};
|
|
101
|
-
|
|
102
101
|
if (transformResponse) {
|
|
103
102
|
var data = transformResponse(file.response) || {};
|
|
104
103
|
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, nfile), data);
|
package/lib/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export { default as ProViewer } from './ProViewer';
|
|
|
8
8
|
export { default as ProEditTable } from './ProEditTable';
|
|
9
9
|
export { default as ProDrawerForm } from './ProDrawerForm';
|
|
10
10
|
export { default as ProEditLabel } from './ProEditLabel';
|
|
11
|
+
export { ProFormGroup, useProFormGroup } from './ProForm/components/ProFormGroup';
|
|
11
12
|
export { default as ProForm } from './ProForm';
|
|
12
13
|
export * from './ProForm';
|
|
13
14
|
export * from './ProForm/components';
|
package/lib/index.js
CHANGED
|
@@ -15,6 +15,8 @@ var _exportNames = {
|
|
|
15
15
|
ProEditTable: true,
|
|
16
16
|
ProDrawerForm: true,
|
|
17
17
|
ProEditLabel: true,
|
|
18
|
+
ProFormGroup: true,
|
|
19
|
+
useProFormGroup: true,
|
|
18
20
|
ProForm: true,
|
|
19
21
|
ProSelect: true,
|
|
20
22
|
ProEnum: true,
|
|
@@ -95,6 +97,12 @@ Object.defineProperty(exports, "ProForm", {
|
|
|
95
97
|
return _ProForm.default;
|
|
96
98
|
}
|
|
97
99
|
});
|
|
100
|
+
Object.defineProperty(exports, "ProFormGroup", {
|
|
101
|
+
enumerable: true,
|
|
102
|
+
get: function get() {
|
|
103
|
+
return _ProFormGroup.ProFormGroup;
|
|
104
|
+
}
|
|
105
|
+
});
|
|
98
106
|
Object.defineProperty(exports, "ProIcon", {
|
|
99
107
|
enumerable: true,
|
|
100
108
|
get: function get() {
|
|
@@ -161,6 +169,12 @@ Object.defineProperty(exports, "ProWaterMark", {
|
|
|
161
169
|
return _ProWaterMark.default;
|
|
162
170
|
}
|
|
163
171
|
});
|
|
172
|
+
Object.defineProperty(exports, "useProFormGroup", {
|
|
173
|
+
enumerable: true,
|
|
174
|
+
get: function get() {
|
|
175
|
+
return _ProFormGroup.useProFormGroup;
|
|
176
|
+
}
|
|
177
|
+
});
|
|
164
178
|
var _ProLayout = _interopRequireDefault(require("./ProLayout"));
|
|
165
179
|
var _ProStep = _interopRequireDefault(require("./ProStep"));
|
|
166
180
|
var _ProTabs = _interopRequireDefault(require("./ProTabs"));
|
|
@@ -170,6 +184,7 @@ var _ProViewer = _interopRequireDefault(require("./ProViewer"));
|
|
|
170
184
|
var _ProEditTable = _interopRequireDefault(require("./ProEditTable"));
|
|
171
185
|
var _ProDrawerForm = _interopRequireDefault(require("./ProDrawerForm"));
|
|
172
186
|
var _ProEditLabel = _interopRequireDefault(require("./ProEditLabel"));
|
|
187
|
+
var _ProFormGroup = require("./ProForm/components/ProFormGroup");
|
|
173
188
|
var _ProForm = _interopRequireWildcard(require("./ProForm"));
|
|
174
189
|
Object.keys(_ProForm).forEach(function (key) {
|
|
175
190
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -398,7 +398,7 @@ var ProEditableTable = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref)
|
|
|
398
398
|
}, antButtonProps), {}, {
|
|
399
399
|
children: buttonText
|
|
400
400
|
}))]
|
|
401
|
-
}) : /*#__PURE__*/(0, _react.cloneElement)(buttonText, antButtonProps)
|
|
401
|
+
}) : ( /*#__PURE__*/(0, _react.cloneElement)(buttonText, antButtonProps))
|
|
402
402
|
}) : null
|
|
403
403
|
});
|
|
404
404
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zat-design/sisyphus-react",
|
|
3
|
-
"version": "3.3.2",
|
|
3
|
+
"version": "3.3.3-beta.2",
|
|
4
4
|
"license": "Apache-2.0",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -71,7 +71,8 @@
|
|
|
71
71
|
"peerDependencies": {
|
|
72
72
|
"antd": "^4.24.8",
|
|
73
73
|
"react": "17.x",
|
|
74
|
-
"react-dom": "17.x"
|
|
74
|
+
"react-dom": "17.x",
|
|
75
|
+
"react-router-dom": "^5.1.7"
|
|
75
76
|
},
|
|
76
77
|
"devDependencies": {
|
|
77
78
|
"@commitlint/cli": "^12.1.1",
|