@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.
Files changed (87) hide show
  1. package/dist/index.esm.css +11 -8
  2. package/es/ProConfigProvider/index.js +0 -1
  3. package/es/ProDrawerForm/components/ProModal/index.js +0 -1
  4. package/es/ProEditLabel/index.js +2 -3
  5. package/es/ProEditTable/components/ActionButton/index.js +6 -6
  6. package/es/ProEditTable/components/RenderField/index.js +5 -5
  7. package/es/ProEditTable/style/index.less +0 -1
  8. package/es/ProEditTable/utils/index.js +2 -4
  9. package/es/ProForm/components/ProFormGroup/index.d.ts +13 -0
  10. package/es/ProForm/components/ProFormGroup/index.js +27 -0
  11. package/es/ProForm/components/base/Switch/index.js +0 -1
  12. package/es/ProForm/components/base/TextArea/index.js +9 -5
  13. package/es/ProForm/components/combination/Container/index.js +4 -2
  14. package/es/ProForm/components/combination/Container/propsType.d.ts +2 -0
  15. package/es/ProForm/components/combination/FormList/components/ActionButton.js +2 -2
  16. package/es/ProForm/components/combination/ProCombination/index.js +0 -1
  17. package/es/ProForm/components/combination/ProModalSelect/index.js +1 -2
  18. package/es/ProForm/components/combination/ProTimeLimit/index.d.ts +1 -0
  19. package/es/ProForm/components/combination/ProTimeLimit/index.js +2 -2
  20. package/es/ProForm/components/render/Render.js +4 -5
  21. package/es/ProForm/components/render/RenderFields.js +5 -0
  22. package/es/ProForm/components/render/propsType.d.ts +1 -0
  23. package/es/ProForm/components/render/propsType.js +1 -0
  24. package/es/ProForm/index.js +27 -7
  25. package/es/ProForm/propsType.d.ts +2 -0
  26. package/es/ProForm/style/index.less +6 -3
  27. package/es/ProForm/utils/index.js +4 -0
  28. package/es/ProForm/utils/useChanged.js +1 -1
  29. package/es/ProForm/utils/useForm.js +49 -75
  30. package/es/ProForm/utils/useListChanged.js +22 -10
  31. package/es/ProLayout/components/ProCollapse/index.js +1 -0
  32. package/es/ProLayout/components/ProCollapse/style/index.less +49 -39
  33. package/es/ProStep/index.js +0 -1
  34. package/es/ProThemeTools/index.js +0 -1
  35. package/es/ProThemeTools/utils/index.js +0 -1
  36. package/es/ProTree/components/Tree.js +0 -1
  37. package/es/ProTreeModal/index.js +5 -1
  38. package/es/ProTreeSelect/index.js +2 -4
  39. package/es/ProUpload/index.js +0 -1
  40. package/es/index.d.ts +1 -0
  41. package/es/index.js +1 -0
  42. package/es/old/ProEditableTable/index.js +1 -1
  43. package/es/style/theme/antd.less +1 -1
  44. package/lib/ProConfigProvider/index.js +0 -1
  45. package/lib/ProDrawerForm/components/ProModal/index.js +0 -1
  46. package/lib/ProEditLabel/index.js +2 -3
  47. package/lib/ProEditTable/components/ActionButton/index.js +6 -6
  48. package/lib/ProEditTable/components/RenderField/index.js +5 -5
  49. package/lib/ProEditTable/style/index.less +0 -1
  50. package/lib/ProEditTable/utils/index.js +2 -4
  51. package/lib/ProForm/components/ProFormGroup/index.d.ts +13 -0
  52. package/lib/ProForm/components/ProFormGroup/index.js +35 -0
  53. package/lib/ProForm/components/base/TextArea/index.js +9 -5
  54. package/lib/ProForm/components/combination/Container/index.js +4 -2
  55. package/lib/ProForm/components/combination/Container/propsType.d.ts +2 -0
  56. package/lib/ProForm/components/combination/FormList/components/ActionButton.js +2 -2
  57. package/lib/ProForm/components/combination/ProCombination/index.js +0 -1
  58. package/lib/ProForm/components/combination/ProModalSelect/index.js +1 -2
  59. package/lib/ProForm/components/combination/ProTimeLimit/index.d.ts +1 -0
  60. package/lib/ProForm/components/combination/ProTimeLimit/index.js +2 -3
  61. package/lib/ProForm/components/old/InputRange/index.js +1 -0
  62. package/lib/ProForm/components/render/Render.js +4 -5
  63. package/lib/ProForm/components/render/RenderFields.js +5 -0
  64. package/lib/ProForm/components/render/propsType.d.ts +1 -0
  65. package/lib/ProForm/components/render/propsType.js +2 -1
  66. package/lib/ProForm/index.js +24 -4
  67. package/lib/ProForm/propsType.d.ts +2 -0
  68. package/lib/ProForm/style/index.less +6 -3
  69. package/lib/ProForm/utils/index.js +4 -0
  70. package/lib/ProForm/utils/useChanged.js +1 -1
  71. package/lib/ProForm/utils/useForm.js +49 -75
  72. package/lib/ProForm/utils/useListChanged.js +22 -10
  73. package/lib/ProLayout/components/ProCollapse/index.js +1 -0
  74. package/lib/ProLayout/components/ProCollapse/style/index.less +49 -39
  75. package/lib/ProStep/index.js +0 -1
  76. package/lib/ProThemeTools/index.js +0 -1
  77. package/lib/ProThemeTools/utils/index.js +0 -1
  78. package/lib/ProTree/components/Tree.js +0 -1
  79. package/lib/ProTree/index.js +1 -0
  80. package/lib/ProTreeModal/index.js +5 -1
  81. package/lib/ProTreeSelect/index.js +2 -4
  82. package/lib/ProUpload/index.js +0 -1
  83. package/lib/index.d.ts +1 -0
  84. package/lib/index.js +15 -0
  85. package/lib/old/ProEditableTable/index.js +1 -1
  86. package/lib/style/theme/antd.less +1 -1
  87. 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 : 12px var(--zaui-space-size-md, 16px) !important;
22
- background : var(--zaui-area, #fafafa);
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 : var(--zaui-text, #343434);
26
+ color: var(--zaui-text, #343434);
27
27
  font-weight: 500;
28
- font-size : var(--zaui-font-size-lg, 16px);
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 .@{ant-prefix}-collapse-item>.@{ant-prefix}-collapse-content>.@{ant-prefix}-collapse-content-box {
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 : 0;
43
+ padding: 0;
41
44
  background: var(--zaui-base-bg, #ffffff);
42
45
 
43
46
  .pro-collapse-content {
44
- padding : var(--zaui-space-size-md, 16px);
47
+ padding: var(--zaui-space-size-md, 16px);
45
48
  padding-bottom: 0;
46
- background : var(--zaui-base-bg, #ffffff);
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 : var(--zaui-base-bg, #ffffff);
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 : 0 !important;
57
- background : var(--zaui-base-bg, #ffffff);
59
+ padding: 0 !important;
60
+ background: var(--zaui-base-bg, #ffffff);
58
61
 
59
62
  .@{ant-prefix}-collapse-header-text {
60
- position : relative;
63
+ position: relative;
61
64
  padding-left: var(--zaui-space-size-sm, 8px);
62
- font-size : var(--zaui-font-size, 14px);
65
+ font-size: var(--zaui-font-size, 14px);
63
66
 
64
67
  &::before {
65
- position : absolute;
66
- top : 50%;
67
- left : 0;
68
- width : 4px;
69
- height : 14px;
70
- background : var(--zaui-brand);
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 : translateY(-50%);
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>.@{ant-prefix}-collapse-header,
97
- .@{ant-prefix}-collapse .@{ant-prefix}-collapse-item-disabled>.@{ant-prefix}-collapse-header>.arrow {
98
- color : var(--zaui-text, #343434);
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>th,
122
- .@{ant-prefix}-descriptions-row>td {
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 : absolute;
137
- top : 50%;
138
- left : 8px;
139
- width : 4px;
140
- height : 14px;
141
- background : var(--zaui-brand);
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 : translateY(-50%);
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 : #0a0a0a !important;
163
+ color: #0a0a0a !important;
154
164
  font-weight: 500 !important;
155
- font-size : var(--zaui-font-size, 14px);
165
+ font-size: var(--zaui-font-size, 14px);
156
166
  }
157
167
  }
158
168
 
@@ -167,7 +167,6 @@ var ProStep = function ProStep(_ref) {
167
167
  subtree: true,
168
168
  childList: true // 是否观察子元素的添加或删除
169
169
  };
170
-
171
170
  observer.observe(targetElement, config);
172
171
  };
173
172
  (0, _ahooks.useDeepCompareEffect)(function () {
@@ -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({
@@ -55,7 +55,6 @@ var getKebabCase = exports.getKebabCase = function getKebabCase(str) {
55
55
  if (temp.slice(0, 1) === '-') {
56
56
  temp = temp.slice(1); // 如果首字母是大写,执行replace时会多一个-,需要去掉
57
57
  }
58
-
59
58
  return temp;
60
59
  };
61
60
  /** JS实现对象驼峰命名与横线命名的转换 */
@@ -308,7 +308,6 @@ function List(props) {
308
308
  });
309
309
  return treeRow; // .filter((item) => item);
310
310
  };
311
-
312
311
  if ((other === null || other === void 0 ? void 0 : other.mode) === 'view') {
313
312
  return;
314
313
  }
@@ -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)((_classnames2 = {
472
+ var dropDownClassName = (0, _classnames3.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({
475
473
  'pro-tree-select-drop-down-container': true
476
- }, (0, _defineProperty2.default)(_classnames2, "".concat(innerClass), true), (0, _defineProperty2.default)(_classnames2, "".concat(popupClassName), popupClassName), _classnames2));
474
+ }, "".concat(innerClass), true), "".concat(popupClassName), popupClassName));
477
475
  var treeProps = (0, _objectSpread2.default)({
478
476
  disabled: disabled,
479
477
  showSearch: showSearch,
@@ -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
  };
@@ -663,7 +663,7 @@
663
663
  width: calc(100% - 18px);
664
664
  margin-bottom: 0;
665
665
  text-align: right;
666
- background: #fff;
666
+ // background: #fff;
667
667
  }
668
668
  }
669
669
  }
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",