@zat-design/sisyphus-react 3.2.1 → 3.2.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 (132) hide show
  1. package/dist/index.esm.css +32 -7
  2. package/es/ProEditTable/components/RenderField/index.js +66 -21
  3. package/es/ProEditTable/index.js +11 -4
  4. package/es/ProEditTable/propsType.d.ts +11 -1
  5. package/es/ProForm/components/base/Checkbox/index.d.ts +1 -0
  6. package/es/ProForm/components/base/Checkbox/index.js +5 -3
  7. package/es/ProForm/components/base/DatePicker/index.js +3 -2
  8. package/es/ProForm/components/base/Input/index.js +4 -2
  9. package/es/ProForm/components/base/Input/propsType.d.ts +1 -0
  10. package/es/ProForm/components/base/InputNumber/index.d.ts +1 -0
  11. package/es/ProForm/components/base/InputNumber/index.js +5 -3
  12. package/es/ProForm/components/base/ProCascader/index.js +6 -6
  13. package/es/ProForm/components/base/Radio/index.d.ts +1 -0
  14. package/es/ProForm/components/base/Radio/index.js +4 -2
  15. package/es/ProForm/components/base/RangePicker/index.d.ts +1 -0
  16. package/es/ProForm/components/base/RangePicker/index.js +5 -3
  17. package/es/ProForm/components/base/Select/index.d.ts +1 -0
  18. package/es/ProForm/components/base/Select/index.js +4 -2
  19. package/es/ProForm/components/base/Switch/index.d.ts +1 -0
  20. package/es/ProForm/components/base/Switch/index.js +4 -2
  21. package/es/ProForm/components/base/SwitchCheckbox/index.d.ts +1 -0
  22. package/es/ProForm/components/base/SwitchCheckbox/index.js +4 -2
  23. package/es/ProForm/components/base/TextArea/index.d.ts +1 -0
  24. package/es/ProForm/components/base/TextArea/index.js +4 -3
  25. package/es/ProForm/components/base/TimePicker/index.d.ts +1 -0
  26. package/es/ProForm/components/base/TimePicker/index.js +4 -2
  27. package/es/ProForm/components/combination/Container/index.js +7 -5
  28. package/es/ProForm/components/combination/FormList/index.js +6 -5
  29. package/es/ProForm/components/combination/Group/index.js +6 -3
  30. package/es/ProForm/components/combination/ProAddressBar/index.js +29 -30
  31. package/es/ProForm/components/combination/ProCombination/index.js +11 -11
  32. package/es/ProForm/components/combination/ProModalSelect/index.js +4 -5
  33. package/es/ProForm/components/combination/ProModalSelect/style/index.less +1 -1
  34. package/es/ProForm/components/combination/ProNumberRange/index.d.ts +1 -1
  35. package/es/ProForm/components/combination/ProNumberRange/index.js +7 -7
  36. package/es/ProForm/components/combination/ProRangeLimit/index.d.ts +1 -0
  37. package/es/ProForm/components/combination/ProRangeLimit/index.js +4 -2
  38. package/es/ProForm/components/combination/ProTimeLimit/index.d.ts +1 -0
  39. package/es/ProForm/components/combination/ProTimeLimit/index.js +4 -2
  40. package/es/ProForm/components/render/Render.js +54 -20
  41. package/es/ProForm/components/render/RenderFields.d.ts +1 -0
  42. package/es/ProForm/components/render/RenderFields.js +12 -11
  43. package/es/ProForm/index.js +5 -2
  44. package/es/ProForm/propsType.d.ts +1 -0
  45. package/es/ProForm/style/index.less +49 -42
  46. package/es/ProForm/utils/contrastOriginal.d.ts +10 -1
  47. package/es/ProForm/utils/contrastOriginal.js +15 -18
  48. package/es/ProForm/utils/useChanged.d.ts +15 -1
  49. package/es/ProForm/utils/useChanged.js +27 -8
  50. package/es/ProLayout/components/ProHeader/index.js +1 -0
  51. package/es/ProLayout/components/ProHeader/style/index.less +7 -0
  52. package/es/ProSelect/index.js +6 -3
  53. package/es/ProStep/components/Item/index.js +1 -4
  54. package/es/ProTable/components/RenderColumn/index.js +1 -1
  55. package/es/ProTable/style/index.less +6 -0
  56. package/es/ProTabs/style/index.less +1 -1
  57. package/es/ProThemeTools/component/PrdTools/index.js +21 -20
  58. package/es/ProThemeTools/index.js +2 -1
  59. package/es/ProTree/components/Tree.js +43 -42
  60. package/es/ProTree/style/index.less +0 -6
  61. package/es/ProTreeSelect/index.js +3 -2
  62. package/es/locale/en_US.d.ts +15 -1
  63. package/es/locale/en_US.js +17 -3
  64. package/es/locale/zh_CN.d.ts +15 -1
  65. package/es/locale/zh_CN.js +15 -1
  66. package/es/style/theme/antd.less +8 -3
  67. package/lib/ProEditTable/components/RenderField/index.js +61 -20
  68. package/lib/ProEditTable/index.js +12 -4
  69. package/lib/ProEditTable/propsType.d.ts +11 -1
  70. package/lib/ProForm/components/base/Checkbox/index.d.ts +1 -0
  71. package/lib/ProForm/components/base/Checkbox/index.js +5 -3
  72. package/lib/ProForm/components/base/DatePicker/index.js +3 -2
  73. package/lib/ProForm/components/base/Input/index.js +4 -2
  74. package/lib/ProForm/components/base/Input/propsType.d.ts +1 -0
  75. package/lib/ProForm/components/base/InputNumber/index.d.ts +1 -0
  76. package/lib/ProForm/components/base/InputNumber/index.js +5 -3
  77. package/lib/ProForm/components/base/ProCascader/index.js +6 -6
  78. package/lib/ProForm/components/base/Radio/index.d.ts +1 -0
  79. package/lib/ProForm/components/base/Radio/index.js +4 -2
  80. package/lib/ProForm/components/base/RangePicker/index.d.ts +1 -0
  81. package/lib/ProForm/components/base/RangePicker/index.js +5 -3
  82. package/lib/ProForm/components/base/Select/index.d.ts +1 -0
  83. package/lib/ProForm/components/base/Select/index.js +4 -2
  84. package/lib/ProForm/components/base/Switch/index.d.ts +1 -0
  85. package/lib/ProForm/components/base/Switch/index.js +4 -2
  86. package/lib/ProForm/components/base/SwitchCheckbox/index.d.ts +1 -0
  87. package/lib/ProForm/components/base/SwitchCheckbox/index.js +4 -2
  88. package/lib/ProForm/components/base/TextArea/index.d.ts +1 -0
  89. package/lib/ProForm/components/base/TextArea/index.js +4 -3
  90. package/lib/ProForm/components/base/TimePicker/index.d.ts +1 -0
  91. package/lib/ProForm/components/base/TimePicker/index.js +4 -2
  92. package/lib/ProForm/components/combination/Container/index.js +7 -5
  93. package/lib/ProForm/components/combination/FormList/index.js +6 -5
  94. package/lib/ProForm/components/combination/Group/index.js +6 -3
  95. package/lib/ProForm/components/combination/ProAddressBar/index.js +29 -30
  96. package/lib/ProForm/components/combination/ProCombination/index.js +11 -11
  97. package/lib/ProForm/components/combination/ProModalSelect/index.js +4 -5
  98. package/lib/ProForm/components/combination/ProModalSelect/style/index.less +1 -1
  99. package/lib/ProForm/components/combination/ProNumberRange/index.d.ts +1 -1
  100. package/lib/ProForm/components/combination/ProNumberRange/index.js +7 -7
  101. package/lib/ProForm/components/combination/ProRangeLimit/index.d.ts +1 -0
  102. package/lib/ProForm/components/combination/ProRangeLimit/index.js +4 -2
  103. package/lib/ProForm/components/combination/ProTimeLimit/index.d.ts +1 -0
  104. package/lib/ProForm/components/combination/ProTimeLimit/index.js +4 -2
  105. package/lib/ProForm/components/render/Render.js +53 -21
  106. package/lib/ProForm/components/render/RenderFields.d.ts +1 -0
  107. package/lib/ProForm/components/render/RenderFields.js +12 -11
  108. package/lib/ProForm/index.js +5 -2
  109. package/lib/ProForm/propsType.d.ts +1 -0
  110. package/lib/ProForm/style/index.less +49 -42
  111. package/lib/ProForm/utils/contrastOriginal.d.ts +10 -1
  112. package/lib/ProForm/utils/contrastOriginal.js +14 -17
  113. package/lib/ProForm/utils/useChanged.d.ts +15 -1
  114. package/lib/ProForm/utils/useChanged.js +27 -8
  115. package/lib/ProLayout/components/ProHeader/index.js +1 -0
  116. package/lib/ProLayout/components/ProHeader/style/index.less +7 -0
  117. package/lib/ProSelect/index.js +6 -3
  118. package/lib/ProStep/components/Item/index.js +1 -4
  119. package/lib/ProTable/components/RenderColumn/index.js +1 -1
  120. package/lib/ProTable/style/index.less +6 -0
  121. package/lib/ProTabs/style/index.less +1 -1
  122. package/lib/ProThemeTools/component/PrdTools/index.js +21 -20
  123. package/lib/ProThemeTools/index.js +2 -1
  124. package/lib/ProTree/components/Tree.js +42 -41
  125. package/lib/ProTree/style/index.less +0 -6
  126. package/lib/ProTreeSelect/index.js +3 -2
  127. package/lib/locale/en_US.d.ts +15 -1
  128. package/lib/locale/en_US.js +17 -3
  129. package/lib/locale/zh_CN.d.ts +15 -1
  130. package/lib/locale/zh_CN.js +15 -1
  131. package/lib/style/theme/antd.less +8 -3
  132. package/package.json +1 -1
@@ -130,7 +130,7 @@ function List(props) {
130
130
  _useState2 = (0, _slicedToArray2.default)(_useState, 2),
131
131
  open = _useState2[0],
132
132
  setOpen = _useState2[1];
133
- var operateButton = menu && menu(item === null || item === void 0 ? void 0 : item.value, item);
133
+ var operateButton = menu && menu(item === null || item === void 0 ? void 0 : item[fieldNameValue], item);
134
134
  operateButton === null || operateButton === void 0 ? void 0 : operateButton.map(function (item, i) {
135
135
  return (0, _jsxRuntime.jsx)(_react.default.Fragment, {
136
136
  children: item
@@ -268,32 +268,19 @@ function List(props) {
268
268
  })]
269
269
  }, onlyKey);
270
270
  };
271
- var _treeData = (0, _react.useMemo)(function () {
272
- function fn() {
273
- var loop = function loop(data, index) {
274
- index++;
275
- var treeRow = data.map(function (item) {
276
- var nodeClass = 'pro-tree-tree-node ';
277
- var isChecked = false;
278
- if (currentClickTreeNode === item[fieldNameValue]) {
279
- nodeClass += ' checked';
280
- isChecked = true;
281
- }
282
- var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
283
- if (item[fieldNames.children]) {
284
- return {
285
- title: (0, _jsxRuntime.jsx)(TreeNodeRow, {
286
- nodeClass: nodeClass,
287
- item: item,
288
- index: index,
289
- title: title,
290
- isChecked: isChecked,
291
- onlyKey: item[fieldNameValue]
292
- }),
293
- key: item[fieldNameValue],
294
- children: loop(item[fieldNames.children], index)
295
- };
296
- }
271
+ // const _treeData = useMemo(() => {
272
+ function fn() {
273
+ var loop = function loop(data, index) {
274
+ index++;
275
+ var treeRow = data.map(function (item) {
276
+ var nodeClass = 'pro-tree-tree-node ';
277
+ var isChecked = false;
278
+ if (currentClickTreeNode === item[fieldNameValue]) {
279
+ nodeClass += ' checked';
280
+ isChecked = true;
281
+ }
282
+ var title = showCodeName ? "".concat(item[fieldNameValue], "-").concat(item[fieldNameLabel]) : item[fieldNameLabel];
283
+ if (item[fieldNames.children]) {
297
284
  return {
298
285
  title: (0, _jsxRuntime.jsx)(TreeNodeRow, {
299
286
  nodeClass: nodeClass,
@@ -303,23 +290,37 @@ function List(props) {
303
290
  isChecked: isChecked,
304
291
  onlyKey: item[fieldNameValue]
305
292
  }),
306
- key: item[fieldNameValue]
293
+ key: item[fieldNameValue],
294
+ children: loop(item[fieldNames.children], index)
307
295
  };
308
- });
309
- return treeRow; // .filter((item) => item);
310
- };
296
+ }
297
+ return {
298
+ title: (0, _jsxRuntime.jsx)(TreeNodeRow, {
299
+ nodeClass: nodeClass,
300
+ item: item,
301
+ index: index,
302
+ title: title,
303
+ isChecked: isChecked,
304
+ onlyKey: item[fieldNameValue]
305
+ }),
306
+ key: item[fieldNameValue]
307
+ };
308
+ });
309
+ return treeRow; // .filter((item) => item);
310
+ };
311
311
 
312
- if ((other === null || other === void 0 ? void 0 : other.mode) === 'view') {
313
- return;
314
- }
315
- var newTreeData = originalTreeData;
316
- if (searchStr) {
317
- newTreeData = (0, _utils.filterCheckedNodes)(originalTreeData, [], searchStr, fieldNames);
318
- }
319
- return loop(newTreeData, -1);
312
+ if ((other === null || other === void 0 ? void 0 : other.mode) === 'view') {
313
+ return;
314
+ }
315
+ var newTreeData = originalTreeData;
316
+ if (searchStr) {
317
+ newTreeData = (0, _utils.filterCheckedNodes)(originalTreeData, [], searchStr, fieldNames);
320
318
  }
321
- return fn();
322
- }, [searchStr, expandedKeys, showCodeName, originalTreeData, currentClickTreeNode]);
319
+ return loop(newTreeData, -1);
320
+ }
321
+ // return fn();
322
+ // }, [searchStr, expandedKeys, showCodeName, originalTreeData, currentClickTreeNode]);
323
+ var _treeData = fn();
323
324
  var onExpand = function onExpand(newExpandedKeys) {
324
325
  setState({
325
326
  expandedKeys: newExpandedKeys,
@@ -315,12 +315,6 @@
315
315
  }
316
316
  }
317
317
 
318
- // 中意全局样式覆盖
319
- // .pro-form.pro-form-view .ant-form-item * {
320
- // line-height: 1!important;
321
- // height: auto!important;
322
- // min-height: auto!important;
323
- // }
324
318
  // 重置ant-form view模式样式ant-tree样式
325
319
  .pro-form.pro-form-view .ant-form-item .pro-tree * {
326
320
  line-height: 1 !important;
@@ -147,9 +147,10 @@ var ProTreeSelect = exports.ProTreeSelect = function ProTreeSelect(props, ref) {
147
147
  _antd.message.error(msg);
148
148
  return;
149
149
  }
150
+ var resultData = transferDataSource(data, showCodeName);
150
151
  setState({
151
- selectList: data || [],
152
- origDataSource: data || []
152
+ selectList: resultData || [],
153
+ origDataSource: resultData || []
153
154
  });
154
155
  };
155
156
  // 配置了异步数据源,拉取枚举数据逻辑 如果有code不掉接口从local里根据code取值
@@ -38,7 +38,6 @@ declare const _default: {
38
38
  errorMessage: string;
39
39
  defaultTitle: string;
40
40
  };
41
- ProWaterMark: {};
42
41
  ProTable: {
43
42
  noData: string;
44
43
  resetColumnWidth: string;
@@ -94,6 +93,7 @@ declare const _default: {
94
93
  save: string;
95
94
  custom: string;
96
95
  operation: string;
96
+ total: string;
97
97
  onlyOneLineMsg: string;
98
98
  deletePoConfirmMsg: string;
99
99
  mulDeletePoConfirmMsg: string;
@@ -134,5 +134,19 @@ declare const _default: {
134
134
  ProTimeLimit: {
135
135
  foreverText: string;
136
136
  };
137
+ ProThemeTools: {
138
+ title: string;
139
+ copySuccess: string;
140
+ layout: string;
141
+ layoutMode: string[];
142
+ themeColor: string;
143
+ formLabel: string;
144
+ bigText: string;
145
+ flex: string[];
146
+ switchText: string[];
147
+ tableBorder: string;
148
+ tableStripe: string;
149
+ reset: string;
150
+ };
137
151
  };
138
152
  export default _default;
@@ -44,7 +44,6 @@ var _default = exports.default = {
44
44
  errorMessage: 'The configuration config for ProAction must be data',
45
45
  defaultTitle: 'Are you sure delete it?'
46
46
  },
47
- ProWaterMark: {},
48
47
  ProTable: {
49
48
  noData: 'No data',
50
49
  resetColumnWidth: 'Reset column width',
@@ -100,6 +99,7 @@ var _default = exports.default = {
100
99
  save: 'Save',
101
100
  custom: 'Custom',
102
101
  operation: 'Operation',
102
+ total: '{total} items in total',
103
103
  onlyOneLineMsg: 'Please save the data first',
104
104
  deletePoConfirmMsg: 'Are you sure you want to delete this row of data?',
105
105
  mulDeletePoConfirmMsg: 'Are you sure you want to delete the selected data?'
@@ -126,12 +126,12 @@ var _default = exports.default = {
126
126
  ProTreeModal: {
127
127
  checkMsg: 'Please check first',
128
128
  select: 'Please select',
129
- input: 'please enter',
129
+ input: 'Please enter',
130
130
  errorArrayMessage: 'Please return a valid array',
131
131
  selectMin: 'Select at least {min}',
132
132
  selectMax: 'Select at most {max} items',
133
133
  noCheck: 'None selected yet',
134
- checkAll: 'select all',
134
+ checkAll: 'Select all',
135
135
  check: 'selected',
136
136
  clearAll: 'Clear all',
137
137
  checkNumber: '{num} items selected',
@@ -139,5 +139,19 @@ var _default = exports.default = {
139
139
  },
140
140
  ProTimeLimit: {
141
141
  foreverText: 'long term'
142
+ },
143
+ ProThemeTools: {
144
+ title: 'Global style customization ',
145
+ copySuccess: 'Copy success! ',
146
+ layout: 'Layout',
147
+ layoutMode: ['Compact ', 'Regular', 'Loose'],
148
+ themeColor: 'Theme color',
149
+ formLabel: 'Form label',
150
+ bigText: 'Large text mode',
151
+ flex: ['Left align ', 'Right align'],
152
+ switchText: ['on', 'off'],
153
+ tableBorder: 'Table border',
154
+ tableStripe: 'Table zebra',
155
+ reset: 'Reset'
142
156
  }
143
157
  };
@@ -38,7 +38,6 @@ declare const _default: {
38
38
  errorMessage: string;
39
39
  defaultTitle: string;
40
40
  };
41
- ProWaterMark: {};
42
41
  ProTable: {
43
42
  noData: string;
44
43
  resetColumnWidth: string;
@@ -94,6 +93,7 @@ declare const _default: {
94
93
  operation: string;
95
94
  noData: string;
96
95
  clickAdd: string;
96
+ total: string;
97
97
  onlyOneLineMsg: string;
98
98
  deletePoConfirmMsg: string;
99
99
  mulDeletePoConfirmMsg: string;
@@ -133,5 +133,19 @@ declare const _default: {
133
133
  ProTimeLimit: {
134
134
  foreverText: string;
135
135
  };
136
+ ProThemeTools: {
137
+ title: string;
138
+ copySuccess: string;
139
+ layout: string;
140
+ layoutMode: string[];
141
+ themeColor: string;
142
+ formLabel: string;
143
+ bigText: string;
144
+ flex: string[];
145
+ switchText: string[];
146
+ tableBorder: string;
147
+ tableStripe: string;
148
+ reset: string;
149
+ };
136
150
  };
137
151
  export default _default;
@@ -44,7 +44,6 @@ var _default = exports.default = {
44
44
  errorMessage: 'ProAction 配置 config 必须为数据',
45
45
  defaultTitle: '确认删除吗?'
46
46
  },
47
- ProWaterMark: {},
48
47
  ProTable: {
49
48
  noData: '暂无数据',
50
49
  resetColumnWidth: '重置列宽',
@@ -100,6 +99,7 @@ var _default = exports.default = {
100
99
  operation: '操作',
101
100
  noData: '暂无数据',
102
101
  clickAdd: '点击添加',
102
+ total: '共{total}条',
103
103
  onlyOneLineMsg: '请先保存数据',
104
104
  deletePoConfirmMsg: '您确定要删除该行数据吗?',
105
105
  mulDeletePoConfirmMsg: '您确定要删除选中的数据吗?'
@@ -138,5 +138,19 @@ var _default = exports.default = {
138
138
  },
139
139
  ProTimeLimit: {
140
140
  foreverText: '长期'
141
+ },
142
+ ProThemeTools: {
143
+ title: '全局样式自定义',
144
+ copySuccess: '复制成功!',
145
+ layout: '布局',
146
+ layoutMode: ['紧凑', '常规', '宽松'],
147
+ themeColor: '主题色',
148
+ formLabel: '表单标题',
149
+ bigText: '大字号模式',
150
+ flex: ['左对齐', '右对齐'],
151
+ switchText: ['开', '关'],
152
+ tableBorder: '表格边框',
153
+ tableStripe: '表格斑马纹',
154
+ reset: '重置'
141
155
  }
142
156
  };
@@ -258,7 +258,7 @@
258
258
  & td,
259
259
  & td.ant-table-cell-fix-right,
260
260
  & td.ant-table-cell-fix-left {
261
- background-color: #fff;
261
+ background-color: #fff !important;
262
262
  }
263
263
 
264
264
  & td {
@@ -267,10 +267,10 @@
267
267
  }
268
268
 
269
269
  .ant-table-row:nth-child(odd) {
270
- background-color: @zaui-table-strip-bg;
270
+ background-color: @zaui-table-strip-bg !important;
271
271
 
272
272
  & td {
273
- background-color: @zaui-table-strip-bg;
273
+ background-color: @zaui-table-strip-bg !important;
274
274
  }
275
275
  }
276
276
  }
@@ -339,6 +339,11 @@
339
339
  }
340
340
 
341
341
  &.ant-tabs-card {
342
+ .ant-tabs-tab {
343
+ padding : 8px calc(var(--zaui-space-size-md, 16px)*var(--zaui-size, 1)) !important;
344
+ margin-right: 10px !important;
345
+ }
346
+
342
347
  .ant-tabs-nav .ant-tabs-tab-btn {
343
348
  font-size: var(--zaui-font-size, 14px);
344
349
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zat-design/sisyphus-react",
3
- "version": "3.2.1",
3
+ "version": "3.2.2",
4
4
  "license": "Apache-2.0",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",