@zat-design/sisyphus-react 3.3.3 → 3.4.0-beta.1

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 (79) hide show
  1. package/dist/index.esm.css +32 -5
  2. package/es/ProConfigProvider/index.d.ts +10 -2
  3. package/es/ProConfigProvider/index.js +13 -7
  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/ProEnum/index.js +16 -2
  10. package/es/ProEnum/style/index.less +5 -1
  11. package/es/ProForm/components/base/Switch/index.js +0 -1
  12. package/es/ProForm/components/base/TextArea/index.js +1 -3
  13. package/es/ProForm/components/base/TextArea/index.less +7 -0
  14. package/es/ProForm/components/combination/FormList/components/ActionButton.js +2 -2
  15. package/es/ProForm/components/combination/Group/index.js +6 -1
  16. package/es/ProForm/components/combination/Group/style/index.less +2 -1
  17. package/es/ProForm/components/combination/ProCombination/index.js +0 -1
  18. package/es/ProForm/components/combination/ProModalSelect/index.js +2 -2
  19. package/es/ProForm/components/render/Render.js +9 -9
  20. package/es/ProForm/components/render/RenderFields.js +7 -9
  21. package/es/ProForm/components/render/propsType.d.ts +1 -0
  22. package/es/ProForm/index.js +36 -6
  23. package/es/ProForm/propsType.d.ts +1 -0
  24. package/es/ProForm/utils/index.d.ts +4 -0
  25. package/es/ProForm/utils/index.js +23 -6
  26. package/es/ProForm/utils/useForm.js +48 -75
  27. package/es/ProForm/utils/useRules.js +4 -2
  28. package/es/ProForm/utils/useShouldUpdate.js +11 -7
  29. package/es/ProStep/index.js +0 -1
  30. package/es/ProThemeTools/component/PrdTools/index.js +3 -3
  31. package/es/ProThemeTools/index.d.ts +1 -1
  32. package/es/ProThemeTools/index.js +14 -4
  33. package/es/ProThemeTools/propsType.d.ts +1 -0
  34. package/es/ProThemeTools/utils/index.js +0 -1
  35. package/es/ProTree/components/Tree.js +0 -1
  36. package/es/ProTreeSelect/index.js +2 -4
  37. package/es/ProUpload/index.js +0 -1
  38. package/es/old/ProEditableTable/index.js +1 -1
  39. package/es/style/theme/antd.less +46 -5
  40. package/lib/ProConfigProvider/index.d.ts +10 -2
  41. package/lib/ProConfigProvider/index.js +14 -7
  42. package/lib/ProEditLabel/index.js +2 -3
  43. package/lib/ProEditTable/components/ActionButton/index.js +6 -6
  44. package/lib/ProEditTable/components/RenderField/index.js +5 -5
  45. package/lib/ProEditTable/style/index.less +0 -1
  46. package/lib/ProEditTable/utils/index.js +2 -4
  47. package/lib/ProEnum/index.js +16 -2
  48. package/lib/ProEnum/style/index.less +5 -1
  49. package/lib/ProForm/components/base/TextArea/index.js +1 -3
  50. package/lib/ProForm/components/base/TextArea/index.less +7 -0
  51. package/lib/ProForm/components/combination/FormList/components/ActionButton.js +2 -2
  52. package/lib/ProForm/components/combination/Group/index.js +6 -1
  53. package/lib/ProForm/components/combination/Group/style/index.less +2 -1
  54. package/lib/ProForm/components/combination/ProCombination/index.js +0 -1
  55. package/lib/ProForm/components/combination/ProModalSelect/index.js +2 -2
  56. package/lib/ProForm/components/old/InputRange/index.js +1 -0
  57. package/lib/ProForm/components/render/Render.js +9 -9
  58. package/lib/ProForm/components/render/RenderFields.js +7 -9
  59. package/lib/ProForm/components/render/propsType.d.ts +1 -0
  60. package/lib/ProForm/index.js +35 -5
  61. package/lib/ProForm/propsType.d.ts +1 -0
  62. package/lib/ProForm/utils/index.d.ts +4 -0
  63. package/lib/ProForm/utils/index.js +24 -7
  64. package/lib/ProForm/utils/useForm.js +48 -75
  65. package/lib/ProForm/utils/useRules.js +4 -2
  66. package/lib/ProForm/utils/useShouldUpdate.js +10 -6
  67. package/lib/ProStep/index.js +0 -1
  68. package/lib/ProThemeTools/component/PrdTools/index.js +2 -2
  69. package/lib/ProThemeTools/index.d.ts +1 -1
  70. package/lib/ProThemeTools/index.js +13 -3
  71. package/lib/ProThemeTools/propsType.d.ts +1 -0
  72. package/lib/ProThemeTools/utils/index.js +0 -1
  73. package/lib/ProTree/components/Tree.js +0 -1
  74. package/lib/ProTree/index.js +1 -0
  75. package/lib/ProTreeSelect/index.js +2 -4
  76. package/lib/ProUpload/index.js +0 -1
  77. package/lib/old/ProEditableTable/index.js +1 -1
  78. package/lib/style/theme/antd.less +46 -5
  79. package/package.json +1 -1
@@ -1941,6 +1941,9 @@ div.pro-textarea-view::after {
1941
1941
  display: none;
1942
1942
  padding-bottom: 12px;
1943
1943
  }
1944
+ .pro-textarea .ant-input {
1945
+ resize: auto !important;
1946
+ }
1944
1947
  .pro-form-list-block-title {
1945
1948
  height: 14px;
1946
1949
  margin: calc(var(--zaui-space-size-xs, 4px) * var(--zaui-size, 1)) 0;
@@ -2233,10 +2236,12 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
2233
2236
  .pro-group {
2234
2237
  width: unset !important;
2235
2238
  }
2236
- .pro-group.pro-group-diy-width .ant-space .ant-space-item {
2239
+ .pro-group.pro-group-diy-width .ant-space .ant-space-item,
2240
+ .pro-group.pro-group-width-auto .ant-space .ant-space-item {
2237
2241
  width: auto;
2238
2242
  }
2239
- .pro-group.pro-group-diy-width .ant-space .ant-space-item .ant-space-item {
2243
+ .pro-group.pro-group-diy-width .ant-space .ant-space-item .ant-space-item,
2244
+ .pro-group.pro-group-width-auto .ant-space .ant-space-item .ant-space-item {
2240
2245
  width: auto;
2241
2246
  }
2242
2247
  .pro-group .ant-space {
@@ -4220,9 +4225,6 @@ span.ant-input-group-compact.pro-range-limit .forever-checkbox {
4220
4225
  position: absolute;
4221
4226
  bottom: var(--zaui-space-size-md, 16px);
4222
4227
  }
4223
- .pro-edit-table-toolbar {
4224
- margin-top: var(--zaui-space-size-md, 16px);
4225
- }
4226
4228
  .pro-edit-table-toolbar .ant-space {
4227
4229
  gap: var(--zaui-space-size-sm, 8px);
4228
4230
  }
@@ -5508,3 +5510,28 @@ input[type='button'] {
5508
5510
  width: -moz-max-content;
5509
5511
  width: max-content;
5510
5512
  }
5513
+ .ant-tooltip > .ant-tooltip-content > .ant-tooltip-inner {
5514
+ color: #1d2129;
5515
+ background-color: #fff;
5516
+ -webkit-box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
5517
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
5518
+ }
5519
+ .ant-tooltip > .ant-tooltip-content > .ant-tooltip-inner::-moz-selection {
5520
+ color: inherit !important;
5521
+ background: rgba(24, 144, 255, 0.3) !important;
5522
+ }
5523
+ .ant-tooltip > .ant-tooltip-content > .ant-tooltip-inner::selection {
5524
+ color: inherit !important;
5525
+ background: rgba(24, 144, 255, 0.3) !important;
5526
+ }
5527
+ .ant-tooltip > .ant-tooltip-content > .ant-tooltip-inner > div::-moz-selection {
5528
+ color: inherit !important;
5529
+ background: rgba(24, 144, 255, 0.3) !important;
5530
+ }
5531
+ .ant-tooltip > .ant-tooltip-content > .ant-tooltip-inner > div::selection {
5532
+ color: inherit !important;
5533
+ background: rgba(24, 144, 255, 0.3) !important;
5534
+ }
5535
+ .ant-tooltip > .ant-tooltip-content > .ant-tooltip-arrow > .ant-tooltip-arrow-content {
5536
+ --antd-arrow-background-color: linear-gradient(to right bottom, rgba(255, 255, 255, 0.95), #ffffff);
5537
+ }
@@ -1,4 +1,5 @@
1
1
  import React, { FC } from 'react';
2
+ import { FormInstance } from 'antd';
2
3
  import { PropSelectProps } from '../ProSelect/propsType';
3
4
  import { ProModalSelectPropsType } from '../ProForm/components/combination/ProModalSelect/propsType';
4
5
  import { AddressProps } from '../ProForm/components/combination/ProAddressBar/propsType';
@@ -9,17 +10,24 @@ export interface ProConfigState {
9
10
  ProSelect?: Partial<PropSelectProps> & Record<string, any>;
10
11
  ProModalSelect?: Partial<ProModalSelectPropsType> & Record<string, any>;
11
12
  ProAddressBar?: Partial<AddressProps> & Record<string, any>;
13
+ forms: Record<string, FormInstance | undefined>;
12
14
  [key: string]: any;
13
15
  }
14
16
  interface ConfigContext {
15
17
  state: ProConfigState;
16
- dispatch: React.Dispatch<ProConfigState>;
18
+ dispatch: React.Dispatch<Actions>;
17
19
  }
18
20
  export declare const ProConfigContext: React.Context<ConfigContext>;
19
21
  export declare function useProConfig(): ConfigContext;
20
22
  export declare function useProConfig(name: keyof ConfigContext['state']): ConfigContext['state'][keyof ConfigContext['state']];
23
+ export declare function useContextForms(): Record<string, FormInstance<any>>;
24
+ type ActionsType = 'set' | 'setProEnum' | 'setProEnumDic';
25
+ interface Actions {
26
+ type: ActionsType;
27
+ payload: any;
28
+ }
21
29
  export declare const ProConfigProvider: FC<{
22
- value: ProConfigState;
30
+ value?: ProConfigState;
23
31
  locale?: string;
24
32
  }>;
25
33
  export default ProConfigProvider;
@@ -9,12 +9,14 @@ import enUS from 'antd/es/locale/en_US';
9
9
  import merge from 'lodash/merge';
10
10
  import useEnumRequest from '../ProEnum/hooks/useEnumRequest';
11
11
  import { setLanguage } from '../locale';
12
- export var ProConfigContext = /*#__PURE__*/React.createContext({
13
- state: {
14
- ProEnum: {
15
- dics: {}
16
- }
12
+ var initialState = {
13
+ ProEnum: {
14
+ dics: {}
17
15
  },
16
+ forms: {}
17
+ };
18
+ export var ProConfigContext = /*#__PURE__*/React.createContext({
19
+ state: initialState,
18
20
  dispatch: function dispatch() {}
19
21
  });
20
22
  // eslint-disable-next-line no-redeclare
@@ -22,11 +24,15 @@ export function useProConfig(name) {
22
24
  var config = useContext(ProConfigContext);
23
25
  return name ? config.state[name] : config;
24
26
  }
27
+ export function useContextForms() {
28
+ var _config$state;
29
+ var config = useContext(ProConfigContext);
30
+ return (_config$state = config.state) === null || _config$state === void 0 ? void 0 : _config$state.forms;
31
+ }
25
32
  var antdLangMap = {
26
33
  'zh-CN': zhCN,
27
34
  'en-US': enUS // en-US
28
35
  };
29
-
30
36
  var reducer = function reducer(state, action) {
31
37
  var _state$ProEnum;
32
38
  switch (action.type) {
@@ -48,7 +54,7 @@ var reducer = function reducer(state, action) {
48
54
  };
49
55
  export var ProConfigProvider = function ProConfigProvider(props) {
50
56
  var _props$value, _props$value2;
51
- var _useReducer = useReducer(reducer, {}),
57
+ var _useReducer = useReducer(reducer, initialState),
52
58
  _useReducer2 = _slicedToArray(_useReducer, 2),
53
59
  state = _useReducer2[0],
54
60
  dispatch = _useReducer2[1];
@@ -22,7 +22,6 @@ import { omit } from 'lodash';
22
22
  import RenderProForm from './components/RenderProForm';
23
23
  import { matchFormValue } from './utils';
24
24
  var ProEditLabel = function ProEditLabel(_ref) {
25
- var _classnames;
26
25
  var _ref$open = _ref.open,
27
26
  open = _ref$open === void 0 ? false : _ref$open,
28
27
  _ref$disabled = _ref.disabled,
@@ -128,9 +127,9 @@ var ProEditLabel = function ProEditLabel(_ref) {
128
127
  }
129
128
  }
130
129
  }, [confirmValue, mode]);
131
- var cls = classnames((_classnames = {
130
+ var cls = classnames(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
132
131
  'pro-edit-label': true
133
- }, _defineProperty(_classnames, "trigger-".concat(trigger), trigger), _defineProperty(_classnames, 'pro-edit-label-small', size === 'small'), _defineProperty(_classnames, 'pro-edit-label-middle', size === 'middle'), _defineProperty(_classnames, 'pro-edit-label-large', size === 'large'), _defineProperty(_classnames, "".concat(className), className), _classnames));
132
+ }, "trigger-".concat(trigger), trigger), 'pro-edit-label-small', size === 'small'), 'pro-edit-label-middle', size === 'middle'), 'pro-edit-label-large', size === 'large'), "".concat(className), className));
134
133
  /**
135
134
  * pop确认回调
136
135
  */
@@ -82,24 +82,24 @@ var ActionButton = function ActionButton(_ref) {
82
82
  disabled: isDisabled,
83
83
  okText: locale.ProEditTable.confirm,
84
84
  cancelText: locale.ProEditTable.cancel,
85
- children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
85
+ children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
86
86
  record: record,
87
87
  index: index,
88
88
  disabled: isDisabled
89
- })) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
89
+ }))) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
90
90
  disabled: isDisabled,
91
91
  type: "link",
92
92
  children: btnConfig.label
93
93
  }))
94
94
  }) : _jsx(_Fragment, {
95
- children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
95
+ children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
96
96
  record: record,
97
97
  index: index,
98
98
  disabled: isDisabled,
99
99
  onClick: function onClick() {
100
100
  btnConfig.onEvent(record, index);
101
101
  }
102
- })) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
102
+ }))) : _jsx(_Button, _objectSpread(_objectSpread({}, omit(delBtnProps, ['buttonProps', 'isEditable'])), {}, {
103
103
  disabled: isDisabled,
104
104
  type: "link",
105
105
  onClick: function onClick() {
@@ -109,10 +109,10 @@ var ActionButton = function ActionButton(_ref) {
109
109
  }))
110
110
  })
111
111
  }) : _jsx(_Fragment, {
112
- children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
112
+ children: /*#__PURE__*/React.isValidElement(btnConfig.label) ? ( /*#__PURE__*/React.cloneElement(btnConfig.label, _objectSpread(_objectSpread({}, omit(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
113
113
  record: record,
114
114
  index: index
115
- })) : _jsx(_Button, _objectSpread(_objectSpread({
115
+ }))) : _jsx(_Button, _objectSpread(_objectSpread({
116
116
  className: "action-button"
117
117
  }, omit(actionBtnProps, ['buttonProps', 'isEditable'])), {}, {
118
118
  type: "link",
@@ -30,7 +30,7 @@ import useRules from '../../../ProForm/utils/useRules';
30
30
  import { isSelect } from '../../../ProForm/utils';
31
31
  import locale from '../../../locale';
32
32
  var RenderField = function RenderField(_ref) {
33
- var _type, _type$replace, _fieldProps2, _fieldProps3, _fieldProps4, _names, _formItemChildProps$p, _TargetComponent4, _classNames;
33
+ var _type, _type$replace, _fieldProps2, _fieldProps3, _fieldProps4, _names, _formItemChildProps$p, _TargetComponent4;
34
34
  var value = _ref.text,
35
35
  record = _ref.record,
36
36
  index = _ref.index,
@@ -506,13 +506,13 @@ var RenderField = function RenderField(_ref) {
506
506
  if (!isEditing) {
507
507
  delete _formItemProps.rules;
508
508
  }
509
- var _className = classNames((_classNames = {}, _defineProperty(_classNames, className, className), _defineProperty(_classNames, 'pro-form-item-changed', changed), _classNames));
509
+ var _className = classNames(_defineProperty(_defineProperty({}, className, className), 'pro-form-item-changed', changed));
510
510
  var originalTitle = originalTip ? _jsxs(_Space, {
511
- children: ["\u521D\u59CB\u503C\uFF1A", /*#__PURE__*/React.isValidElement(TargetComponent) ? /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread(_objectSpread({}, omit(componentProps, ['onFieldChange'])), {}, {
511
+ children: ["\u521D\u59CB\u503C\uFF1A", /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread(_objectSpread({}, omit(componentProps, ['onFieldChange'])), {}, {
512
512
  isView: true,
513
513
  value: originalValue,
514
514
  checked: type === 'Switch' ? originalValue : undefined
515
- })) : _jsx(TargetComponent, _objectSpread(_objectSpread({}, omit(componentProps, ['onFieldChange'])), {}, {
515
+ }))) : _jsx(TargetComponent, _objectSpread(_objectSpread({}, omit(componentProps, ['onFieldChange'])), {}, {
516
516
  isView: true,
517
517
  value: originalValue,
518
518
  checked: type === 'Switch' ? originalValue : undefined
@@ -523,7 +523,7 @@ var RenderField = function RenderField(_ref) {
523
523
  }, omit(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
524
524
  className: _className,
525
525
  name: cellName,
526
- children: /*#__PURE__*/React.isValidElement(TargetComponent) ? /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread({}, omit(componentProps, ['onFieldChange']))) : _jsx(TargetComponent, _objectSpread({}, omit(componentProps, ['onFieldChange'])))
526
+ children: /*#__PURE__*/React.isValidElement(TargetComponent) ? ( /*#__PURE__*/React.cloneElement(TargetComponent, _objectSpread({}, omit(componentProps, ['onFieldChange'])))) : _jsx(TargetComponent, _objectSpread({}, omit(componentProps, ['onFieldChange'])))
527
527
  })) : _jsx(Container, {
528
528
  viewEmpty: viewEmpty
529
529
  });
@@ -313,7 +313,6 @@
313
313
  }
314
314
 
315
315
  .pro-edit-table-toolbar {
316
- margin-top: var(--zaui-space-size-md, 16px);
317
316
  .@{ant-prefix}-space {
318
317
  gap: var(--zaui-space-size-sm, 8px);
319
318
 
@@ -217,9 +217,9 @@ export var transformColumns = function transformColumns() {
217
217
  children: [columnTitle, _jsx(_Tooltip, _objectSpread(_objectSpread({
218
218
  title: tooltipTitle !== null && tooltipTitle !== void 0 ? tooltipTitle : tooltip
219
219
  }, resetProps), {}, {
220
- children: icon ? /*#__PURE__*/React.cloneElement(icon, {
220
+ children: icon ? ( /*#__PURE__*/React.cloneElement(icon, {
221
221
  className: 'icon-tip'
222
- }) : _jsx(ReactSVG, {
222
+ })) : _jsx(ReactSVG, {
223
223
  className: "icon-tip",
224
224
  src: tipSvg
225
225
  })
@@ -336,7 +336,6 @@ export var transformColumns = function transformColumns() {
336
336
  })
337
337
  });
338
338
  };
339
-
340
339
  item.render = _render;
341
340
  });
342
341
  if (disabled || isView) {
@@ -359,7 +358,6 @@ export var transformColumns = function transformColumns() {
359
358
  var actionColumn = getActionColumn(_objectSpread(_objectSpread({}, config), {}, {
360
359
  validateKeys: validateKeys // 需要校验的单元格的formItem的name
361
360
  }));
362
-
363
361
  actionColumn && _columns.push(actionColumn);
364
362
  }
365
363
  // cacheMap 用来存储缓存值,若有值后不再请求
@@ -175,13 +175,27 @@ var ProEnum = function ProEnum(props) {
175
175
  return _jsx(_Radio.Group, _objectSpread(_objectSpread({}, omit(enumProps, ['fieldNames'])), {}, {
176
176
  options: list,
177
177
  value: value,
178
- onChange: onChange
178
+ onChange: onChange,
179
+ children: list.map(function (item) {
180
+ return _jsx(_Radio, {
181
+ value: item[fieldValue],
182
+ disabled: !!item.disabled,
183
+ children: item[label]
184
+ }, item[fieldValue]);
185
+ })
179
186
  }));
180
187
  case 'Checkbox':
181
188
  return _jsx(_Checkbox.Group, _objectSpread(_objectSpread({}, omit(enumProps, ['fieldNames'])), {}, {
182
189
  options: list,
183
190
  value: value,
184
- onChange: onChange
191
+ onChange: onChange,
192
+ children: list.map(function (item) {
193
+ return _jsx(_Checkbox, {
194
+ value: item[fieldValue],
195
+ disabled: !!item.disabled,
196
+ children: item[label]
197
+ }, item[fieldValue]);
198
+ })
185
199
  }));
186
200
  case 'Tag':
187
201
  return _jsx(ProEnumTag, {
@@ -12,7 +12,7 @@
12
12
  align-items: center;
13
13
  justify-content: center;
14
14
  margin-right: var(--zaui-space-size-sm);
15
- margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
15
+ margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
16
16
  padding: var(--zaui-space-size-xs) 10px;
17
17
  background-color: #f5f5f5;
18
18
  border-radius: var(--zaui-space-size-xs);
@@ -23,4 +23,8 @@
23
23
  color: #fff;
24
24
  background-color: var(--zaui-brand);
25
25
  }
26
+ &-tag-item-disabled {
27
+ background-color: #f5f5f5;
28
+ pointer-events: none;
29
+ }
26
30
  }
@@ -38,5 +38,4 @@ var Switch = function Switch(props) {
38
38
  id: "switch_only" // 解决点击label联动的问题
39
39
  }));
40
40
  };
41
-
42
41
  export default Switch;
@@ -40,9 +40,7 @@ var TextAreaDef = function TextAreaDef(props) {
40
40
  showCount: true,
41
41
  autoComplete: "off",
42
42
  placeholder: placeholder || "".concat(locale.ProForm.inputPlaceholder).concat(label || ''),
43
- autoSize: {
44
- minRows: 4
45
- }
43
+ autoSize: true
46
44
  }, omit(initialConfig, ['trim'])), rest), {}, {
47
45
  className: _className
48
46
  }));
@@ -10,3 +10,10 @@ div.pro-textarea-view {
10
10
  padding-bottom: 12px;
11
11
  }
12
12
  }
13
+
14
+ // input-textarea级联选择
15
+ .pro-textarea {
16
+ .@{ant-prefix}-input {
17
+ resize: auto !important;
18
+ }
19
+ }
@@ -225,13 +225,13 @@ var ActionButton = function ActionButton(props) {
225
225
  },
226
226
  children: label
227
227
  }))
228
- }), "".concat(item === null || item === void 0 ? void 0 : item.actionType).concat(index)) : /*#__PURE__*/_createElement(_Button, _objectSpread(_objectSpread({}, rest), {}, {
228
+ }), "".concat(item === null || item === void 0 ? void 0 : item.actionType).concat(index)) : ( /*#__PURE__*/_createElement(_Button, _objectSpread(_objectSpread({}, rest), {}, {
229
229
  key: "".concat(item === null || item === void 0 ? void 0 : item.actionType).concat(index),
230
230
  onClick: function onClick(e) {
231
231
  e.stopPropagation();
232
232
  handleClick(_onClick, index);
233
233
  }
234
- }), label);
234
+ }), label));
235
235
  })
236
236
  });
237
237
  };
@@ -51,6 +51,9 @@ var Group = function Group(props) {
51
51
  'pro-group-diy-width': columns.some(function (item) {
52
52
  var _item$fieldProps, _item$fieldProps$styl;
53
53
  return item === null || item === void 0 ? void 0 : (_item$fieldProps = item.fieldProps) === null || _item$fieldProps === void 0 ? void 0 : (_item$fieldProps$styl = _item$fieldProps.style) === null || _item$fieldProps$styl === void 0 ? void 0 : _item$fieldProps$styl.width;
54
+ }),
55
+ 'pro-group-width-auto': columns.some(function (item) {
56
+ return ['Radio', 'Checkbox', 'Switch'].includes(item.type);
54
57
  })
55
58
  }, "".concat(className), className));
56
59
  return _jsx("div", {
@@ -60,7 +63,9 @@ var Group = function Group(props) {
60
63
  columns: data.columns,
61
64
  form: form
62
65
  }, omit(otherProps, ['colProps'])))
63
- }) : _jsx(_Space, _objectSpread(_objectSpread({}, omit(space, ['separator', 'compact'])), {}, {
66
+ }) : _jsx(_Space, _objectSpread(_objectSpread({
67
+ align: "start"
68
+ }, omit(space, ['separator', 'compact'])), {}, {
64
69
  children: data.columns.map(function (column, index) {
65
70
  return _jsx(RenderFields, _objectSpread({
66
71
  columns: [column],
@@ -20,8 +20,9 @@
20
20
 
21
21
  .pro-group {
22
22
  width: unset !important;
23
+
23
24
 
24
- &.pro-group-diy-width {
25
+ &.pro-group-diy-width, &.pro-group-width-auto {
25
26
  .@{ant-prefix}-space .@{ant-prefix}-space-item {
26
27
  width: auto;
27
28
 
@@ -83,7 +83,6 @@ export var ProCombination = function ProCombination(props) {
83
83
  _handleChange(_values, rest === null || rest === void 0 ? void 0 : rest[0], form);
84
84
  (_childProps$index = childProps[index]) === null || _childProps$index === void 0 ? void 0 : (_childProps$index$onC = _childProps$index.onChange) === null || _childProps$index$onC === void 0 ? void 0 : _childProps$index$onC.call(_childProps$index, value, rest === null || rest === void 0 ? void 0 : rest[0], form); // 支持子组件分别传入onChange
85
85
  };
86
-
87
86
  var className = classNames({
88
87
  'pro-combination': true,
89
88
  'pro-combination-view': isView
@@ -548,8 +548,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
548
548
  _value: value
549
549
  });
550
550
  } else if (Object.prototype.toString.call(value) === '[object Object]') {
551
- var _initialValue;
552
- var initialValue = (_initialValue = {}, _defineProperty(_initialValue, valueKey, value[valueKey]), _defineProperty(_initialValue, labelKey, value[labelKey]), _initialValue);
551
+ var initialValue = _defineProperty(_defineProperty({}, valueKey, value[valueKey]), labelKey, value[labelKey]);
553
552
  setState({
554
553
  selectedRowKeys: [value],
555
554
  selectedRows: [initialValue],
@@ -740,6 +739,7 @@ var ProModalSelect = function ProModalSelect(props, ref) {
740
739
  visible: visible
741
740
  }, restModalProps), {}, {
742
741
  children: [_jsx(ProForm, {
742
+ submitOnEnter: true,
743
743
  form: form,
744
744
  columns: formColumns,
745
745
  onFinish: handleSearch,
@@ -33,7 +33,7 @@ import tipSvg from '../../../assets/tip.svg';
33
33
  import useRules from '../../utils/useRules';
34
34
  // 这个组件只管渲染, 参数的整理在外部处理
35
35
  var Render = function Render(props) {
36
- var _ref2, _classNames, _otherProps$names2;
36
+ var _ref2, _otherProps$names2;
37
37
  var component = props.component,
38
38
  originComponent = props.originComponent,
39
39
  _props$formItemProps = props.formItemProps,
@@ -44,7 +44,8 @@ var Render = function Render(props) {
44
44
  show = _props$show === void 0 ? true : _props$show,
45
45
  fieldProps = props.fieldProps,
46
46
  form = props.form,
47
- formDisabled = props.disabled,
47
+ disabled = props.disabled,
48
+ formDisabled = props.formDisabled,
48
49
  type = props.type,
49
50
  isSelect = props.isSelect,
50
51
  originalValues = props.originalValues,
@@ -68,7 +69,7 @@ var Render = function Render(props) {
68
69
  show: show,
69
70
  formItemProps: formItemProps,
70
71
  form: form,
71
- disabled: componentProps.disabled,
72
+ disabled: disabled,
72
73
  rules: rules,
73
74
  required: required,
74
75
  fieldProps: fieldProps,
@@ -163,15 +164,15 @@ var Render = function Render(props) {
163
164
  }
164
165
  /** 移除多余参数,防止透传给formItem报错 */
165
166
  var _otherFormItemProps = omit(otherFormItemProps, ['component', 'names', 'format', 'toISOString', 'switchValue', 'precision', 'clearNotShow']);
166
- // 优先取组件上的disabled, 最后取formDisabled(全局
167
- var lastDisabled = componentProps.disabledStrictly ? (_ref2 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : formDisabled : false;
167
+ // 优先级 column.disabled > fieldProps.disabled > formDisabled
168
+ var lastDisabled = (_ref2 = _disabled !== null && _disabled !== void 0 ? _disabled : _fieldProps === null || _fieldProps === void 0 ? void 0 : _fieldProps.disabled) !== null && _ref2 !== void 0 ? _ref2 : formDisabled;
168
169
  /**
169
170
  * 最新fieldProps: 更新后的组件Props
170
171
  */
171
172
  var lastComponentProps = _objectSpread(_objectSpread(_objectSpread({}, componentProps), _fieldProps), {}, {
172
173
  disabled: lastDisabled
173
174
  });
174
- var _className = classNames((_classNames = {}, _defineProperty(_classNames, className, className), _defineProperty(_classNames, 'pro-form-item-changed', changed), _defineProperty(_classNames, 'pro-form-item-width-auto', ['Switch'].includes(type)), _classNames));
175
+ var _className = classNames(_defineProperty(_defineProperty(_defineProperty({}, className, className), 'pro-form-item-changed', changed), 'pro-form-item-width-auto', ['Switch'].includes(type)));
175
176
  if (formItemProps.hidden === true || _show === false) {
176
177
  // 为了监听shouldUpdate 必须存在一个FormItem, 空Input解决 【[antd: Form.Item] `name` is only used for validate React element】
177
178
  return _jsx(_Form.Item, {
@@ -255,7 +256,7 @@ var Render = function Render(props) {
255
256
  if (formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames) {
256
257
  setTimeout(function () {
257
258
  form.setFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames, form.getFieldValue(formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames));
258
- form.validateFields([formItemProps === null || formItemProps === void 0 ? void 0 : formItemProps.parentNames]);
259
+ form.validateFields();
259
260
  }, 60);
260
261
  }
261
262
  // ProTreeSelect返回option
@@ -344,7 +345,7 @@ var Render = function Render(props) {
344
345
  if (originComponent) {
345
346
  delete childProps.otherProps;
346
347
  }
347
- var child = /*#__PURE__*/React.isValidElement(AutoComponent) ? /*#__PURE__*/React.cloneElement(AutoComponent, childProps) : _jsx(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
348
+ var child = /*#__PURE__*/React.isValidElement(AutoComponent) ? ( /*#__PURE__*/React.cloneElement(AutoComponent, childProps)) : _jsx(AutoComponent, _objectSpread(_objectSpread({}, omit(lastComponentProps, ['onFieldChange', 'disabledStrictly'])), {}, {
348
349
  otherProps: _objectSpread(_objectSpread({}, otherProps), {}, {
349
350
  show: show,
350
351
  disabled: lastDisabled,
@@ -390,7 +391,6 @@ var Render = function Render(props) {
390
391
  span: 24 // 默认占一行
391
392
  });
392
393
  }
393
-
394
394
  var orgFormItem = _jsx(_Form.Item, _objectSpread(_objectSpread({}, omit(_otherFormItemProps, filterFormItemKey)), {}, {
395
395
  // @ts-ignore
396
396
  _internalItemRender: internalItemRender,
@@ -1,6 +1,6 @@
1
1
  import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
3
- var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "disabled", "equalWith", "clearNotShow", "required"];
3
+ var _excluded = ["show", "type", "viewRender", "viewType", "valueType", "formItemProps", "colProps", "formItemChildProps", "fieldProps", "equalWith", "clearNotShow", "required"];
4
4
  import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
5
5
  import React from 'react';
6
6
  import { isBoolean, isFunction, union, isString } from 'lodash';
@@ -44,7 +44,7 @@ var RenderFields = function RenderFields(props) {
44
44
  });
45
45
  }
46
46
  var comList = columns.flatMap(function (column, index) {
47
- var _ref, _formItemProps$disabl;
47
+ var _formItemProps$disabl;
48
48
  if (!!expand && !openState) {
49
49
  // expand为Number时 过滤掉大于expand 且 非fixed的column
50
50
  if (typeof expand === 'number') {
@@ -67,7 +67,6 @@ var RenderFields = function RenderFields(props) {
67
67
  formItemChildProps = _column$formItemChild === void 0 ? {} : _column$formItemChild,
68
68
  _column$fieldProps = column.fieldProps,
69
69
  fieldProps = _column$fieldProps === void 0 ? {} : _column$fieldProps,
70
- disabled = column.disabled,
71
70
  equalWith = column.equalWith,
72
71
  _column$clearNotShow = column.clearNotShow,
73
72
  clearNotShow = _column$clearNotShow === void 0 ? outerClearNotShow : _column$clearNotShow,
@@ -123,8 +122,7 @@ var RenderFields = function RenderFields(props) {
123
122
  placeholder = formItemChildProps.placeholder,
124
123
  dataSource = formItemChildProps.dataSource;
125
124
  var formLabel = _formItemProps.label;
126
- var comDisabled = (_ref = (_formItemProps$disabl = _formItemProps === null || _formItemProps === void 0 ? void 0 : _formItemProps.disabled) !== null && _formItemProps$disabl !== void 0 ? _formItemProps$disabl : fieldProps.disabled) !== null && _ref !== void 0 ? _ref : disabled;
127
- var _disabled = comDisabled === undefined ? formDisabled : comDisabled;
125
+ var comDisabled = (_formItemProps$disabl = _formItemProps === null || _formItemProps === void 0 ? void 0 : _formItemProps.disabled) !== null && _formItemProps$disabl !== void 0 ? _formItemProps$disabl : fieldProps.disabled; // 组件属性层disabled fieldProps可能为函数
128
126
  // 当前组件是不是一个选择组件
129
127
  var _isSelect = isSelect({
130
128
  dataSource: dataSource,
@@ -141,10 +139,9 @@ var RenderFields = function RenderFields(props) {
141
139
  _fieldProps.disabled = formDisabled;
142
140
  }
143
141
  var componentProps = _objectSpread(_objectSpread({
144
- disabledStrictly: true,
145
142
  placeholder: placeholderHandle()
146
143
  }, _fieldProps), {}, {
147
- disabled: _disabled
144
+ disabled: comDisabled
148
145
  });
149
146
  // 容器组件,额外处理show的问题
150
147
  if (['ProCollapse', 'Container'].includes(_type)) {
@@ -168,7 +165,7 @@ var RenderFields = function RenderFields(props) {
168
165
  var otherProps = {
169
166
  label: _formItemProps.label,
170
167
  name: _formItemProps.name,
171
- disabled: _disabled,
168
+ disabled: comDisabled,
172
169
  isView: _isView,
173
170
  viewEmpty: viewEmpty,
174
171
  valueType: valueType,
@@ -189,8 +186,9 @@ var RenderFields = function RenderFields(props) {
189
186
  value: otherProps,
190
187
  children: _jsx(Render, {
191
188
  show: show,
192
- disabled: Boolean(formDisabled),
193
189
  form: form,
190
+ disabled: column.disabled,
191
+ formDisabled: formDisabled,
194
192
  type: _type,
195
193
  originComponent: component,
196
194
  component: TargetComponent,
@@ -230,6 +230,7 @@ export type ProColumnProps<T = any> = ProFormColumnProps<T> & ColumnPropsMap<T,
230
230
  * 表单渲染类型
231
231
  */
232
232
  export interface RenderProps<Values = any> {
233
+ formDisabled?: boolean;
233
234
  component: any;
234
235
  formItemProps: FormItemProps<Values> & {
235
236
  labelWidth?: string | number;