@bchr/bchr-front-lib 0.3.85 → 0.3.89
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/lib/base/layout/ui_tpl/consts.js +2 -0
- package/lib/base/layout/ui_tpl/form/FormForBrowse.js +8 -0
- package/lib/base/layout/ui_tpl/form/FormForModify.js +303 -33
- package/lib/base/layout/ui_tpl/grid/GridForBrowse.js +20 -1
- package/lib/base/layout/ui_tpl/grid/GridForModify.js +20 -0
- package/lib/style/ExtCustomAntDesign.css +707 -0
- package/lib/style/ExtCustomKendo.css +1470 -0
- package/lib/style/bchr.css +1767 -0
- package/lib/style/bchrCommonClass.css +344 -0
- package/lib/style/bchrFixedComponent.css +951 -0
- package/lib/style/bchrLessVar.css +3 -0
- package/package.json +1 -1
- package/src/base/layout/ui_tpl/consts.js +2 -0
- package/src/base/layout/ui_tpl/form/FormForBrowse.js +6 -0
- package/src/base/layout/ui_tpl/form/FormForModify.js +250 -35
- package/src/base/layout/ui_tpl/grid/GridForBrowse.js +24 -4
- package/src/base/layout/ui_tpl/grid/GridForModify.js +18 -0
|
@@ -244,6 +244,14 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
|
|
|
244
244
|
value = initialValues[display_code] ? (0, _moment["default"])(initialValues[display_code]).format("YYYY-MM-DD") : "";
|
|
245
245
|
break;
|
|
246
246
|
|
|
247
|
+
case _consts.UI_RENDER_TYPE.DATE_YEAR:
|
|
248
|
+
value = initialValues[display_code] ? (0, _moment["default"])(initialValues[display_code]).format("YYYY") : "";
|
|
249
|
+
break;
|
|
250
|
+
|
|
251
|
+
case _consts.UI_RENDER_TYPE.DATE_MONTH:
|
|
252
|
+
value = initialValues[display_code] ? (0, _moment["default"])(initialValues[display_code]).format("YYYY-MM") : "";
|
|
253
|
+
break;
|
|
254
|
+
|
|
247
255
|
case _consts.UI_RENDER_TYPE.DATE_TIME:
|
|
248
256
|
value = initialValues[display_code] ? (0, _moment["default"])(initialValues[display_code]).format("YYYY-MM-DD hh:mm:ss") : "";
|
|
249
257
|
break;
|
|
@@ -137,12 +137,65 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
137
137
|
}));
|
|
138
138
|
});
|
|
139
139
|
|
|
140
|
-
_defineProperty(_assertThisInitialized(_this2), "buildFormItems", function () {
|
|
140
|
+
_defineProperty(_assertThisInitialized(_this2), "buildFormItems", function (editFormulasState) {
|
|
141
141
|
var _this2$props2 = _this2.props,
|
|
142
|
+
data = _this2$props2.data,
|
|
142
143
|
info_set_fields = _this2$props2.info_set_fields,
|
|
143
144
|
ext_form_items = _this2$props2.ext_form_items;
|
|
144
145
|
|
|
145
146
|
if (info_set_fields && info_set_fields.length > 0) {
|
|
147
|
+
info_set_fields.forEach(function (formItem) {
|
|
148
|
+
formItem.initialValue = null;
|
|
149
|
+
|
|
150
|
+
_this2.preParseFormItemExtConfig(formItem);
|
|
151
|
+
|
|
152
|
+
if (editFormulasState && editFormulasState.length) {
|
|
153
|
+
formItem.b_disabled = formItem.b_readonly;
|
|
154
|
+
|
|
155
|
+
for (var i = 0, len = editFormulasState.length; i < len; i++) {
|
|
156
|
+
var editFormulaStateItem = editFormulasState[i].editFormulaItem;
|
|
157
|
+
|
|
158
|
+
if (editFormulaStateItem) {
|
|
159
|
+
editFormulaStateItem.otherFormItemResponses.forEach(function (item) {
|
|
160
|
+
if (formItem.code === item.formItemCode) {
|
|
161
|
+
if (item.formItemValue === 'disabled') {
|
|
162
|
+
formItem.b_disabled = true;
|
|
163
|
+
} else if (item.formItemValue === 'enabled') {
|
|
164
|
+
formItem.b_disabled = false;
|
|
165
|
+
} else {
|
|
166
|
+
formItem.initialValue = item.formItemValue || data[formItem.display_code];
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
});
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
} else {
|
|
173
|
+
if (formItem.editFormulaConfigs) {
|
|
174
|
+
for (var _i = 0, _len = formItem.editFormulaConfigs.length; _i < _len; _i++) {
|
|
175
|
+
var editFormulaConfig = formItem.editFormulaConfigs[_i];
|
|
176
|
+
var initialValue = formItem.ui_render_type === 'switch' ? (data[formItem.code] || '').toLowerCase() !== 'true' : data[formItem.code];
|
|
177
|
+
var formulaValueOf = formItem.ui_render_type === 'switch' ? (editFormulaConfig.onValueOf || '').toLowerCase() !== 'true' : editFormulaConfig.onValueOf;
|
|
178
|
+
|
|
179
|
+
if (formulaValueOf === initialValue) {
|
|
180
|
+
var currentOtherFormItemResponses = editFormulaConfig.otherFormItemResponses;
|
|
181
|
+
currentOtherFormItemResponses.forEach(function (item) {
|
|
182
|
+
info_set_fields.forEach(function (formItemInner) {
|
|
183
|
+
if (formItemInner.code === item.formItemCode) {
|
|
184
|
+
if (item.formItemValue === 'disabled') {
|
|
185
|
+
formItemInner.b_disabled = true;
|
|
186
|
+
} else if (item.formItemValue === 'enabled') {
|
|
187
|
+
formItemInner.b_disabled = false;
|
|
188
|
+
} else {
|
|
189
|
+
formItemInner.initialValue = item.formItemValue || data[formItem.display_code];
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
});
|
|
193
|
+
});
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
}
|
|
197
|
+
}
|
|
198
|
+
});
|
|
146
199
|
var groupNames = info_set_fields.map(function (item) {
|
|
147
200
|
return item.belong_form_group;
|
|
148
201
|
}).filter(function (item, index, arr) {
|
|
@@ -201,6 +254,86 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
201
254
|
}
|
|
202
255
|
});
|
|
203
256
|
|
|
257
|
+
_defineProperty(_assertThisInitialized(_this2), "preParseFormItemExtConfig", function (formItem) {
|
|
258
|
+
var formulas = formItem['edit_formula'];
|
|
259
|
+
|
|
260
|
+
if (formulas && formulas.length > 5) {
|
|
261
|
+
var rawFormulaTextArray = formulas.split(';');
|
|
262
|
+
var pureFormulaTextItems = [];
|
|
263
|
+
|
|
264
|
+
for (var i = 0, len = rawFormulaTextArray.length; i < len; i++) {
|
|
265
|
+
var rawFormulaTextItem = rawFormulaTextArray[i];
|
|
266
|
+
|
|
267
|
+
if (rawFormulaTextItem && rawFormulaTextItem.trim().length > 0) {
|
|
268
|
+
pureFormulaTextItems.push(rawFormulaTextItem.trim());
|
|
269
|
+
}
|
|
270
|
+
}
|
|
271
|
+
|
|
272
|
+
if (pureFormulaTextItems.length === 0) {
|
|
273
|
+
return;
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
var editFormulaConfigs = [];
|
|
277
|
+
|
|
278
|
+
for (var _i2 = 0, _len2 = pureFormulaTextItems.length; _i2 < _len2; _i2++) {
|
|
279
|
+
var formulaTextItem = pureFormulaTextItems[_i2];
|
|
280
|
+
var formulaChildTextItems = formulaTextItem.split("=>");
|
|
281
|
+
|
|
282
|
+
if (formulaChildTextItems.length !== 2) {
|
|
283
|
+
continue;
|
|
284
|
+
}
|
|
285
|
+
|
|
286
|
+
var formItemValueText = formulaChildTextItems[0].trim();
|
|
287
|
+
var onChangeEventText = formulaChildTextItems[1].trim();
|
|
288
|
+
|
|
289
|
+
if (formItemValueText.length === 0 || onChangeEventText.length === 0) {
|
|
290
|
+
continue;
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
if (formItemValueText.startsWith("(") && formItemValueText.endsWith(")")) {
|
|
294
|
+
formItemValueText = formItemValueText.substr(1, formItemValueText.length - 2);
|
|
295
|
+
}
|
|
296
|
+
|
|
297
|
+
var editFormulaConfig = {
|
|
298
|
+
onValueOf: formItemValueText,
|
|
299
|
+
otherFormItemResponses: []
|
|
300
|
+
};
|
|
301
|
+
|
|
302
|
+
if (onChangeEventText.startsWith("(") && onChangeEventText.endsWith(")")) {
|
|
303
|
+
onChangeEventText = onChangeEventText.substr(1, onChangeEventText.length - 2);
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
var otherFormItemResponseStates = onChangeEventText.split(",");
|
|
307
|
+
|
|
308
|
+
for (var m = 0, count = otherFormItemResponseStates.length; m < count; m++) {
|
|
309
|
+
var otherFormItemResponseState = otherFormItemResponseStates[m];
|
|
310
|
+
var otherFormItemResponseOptions = otherFormItemResponseState.split(":");
|
|
311
|
+
|
|
312
|
+
if (otherFormItemResponseOptions.length === 2) {
|
|
313
|
+
var otherFormItemCode = otherFormItemResponseOptions[0].trim();
|
|
314
|
+
var otherFormItemValue = otherFormItemResponseOptions[1].trim();
|
|
315
|
+
|
|
316
|
+
if (otherFormItemCode.length && otherFormItemValue.length > 0) {
|
|
317
|
+
var otherFormItemResponse = {
|
|
318
|
+
formItemCode: otherFormItemCode,
|
|
319
|
+
formItemValue: otherFormItemValue
|
|
320
|
+
};
|
|
321
|
+
editFormulaConfig.otherFormItemResponses.push(otherFormItemResponse);
|
|
322
|
+
}
|
|
323
|
+
}
|
|
324
|
+
}
|
|
325
|
+
|
|
326
|
+
if (editFormulaConfig.onValueOf && editFormulaConfig.otherFormItemResponses.length > 0) {
|
|
327
|
+
editFormulaConfigs.push(editFormulaConfig);
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
|
|
331
|
+
if (editFormulaConfigs.length > 0) {
|
|
332
|
+
formItem.editFormulaConfigs = editFormulaConfigs;
|
|
333
|
+
}
|
|
334
|
+
}
|
|
335
|
+
});
|
|
336
|
+
|
|
204
337
|
_defineProperty(_assertThisInitialized(_this2), "generatorFormItem", function (dataItem, is_ext_field) {
|
|
205
338
|
var _this2$props3 = _this2.props,
|
|
206
339
|
data = _this2$props3.data,
|
|
@@ -222,6 +355,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
222
355
|
value_on_change_event = dataItem.value_on_change_event,
|
|
223
356
|
upload_file_biz_object_type = dataItem.upload_file_biz_object_type,
|
|
224
357
|
b_readonly = dataItem.b_readonly,
|
|
358
|
+
b_disabled = dataItem.b_disabled,
|
|
225
359
|
b_required = dataItem.b_required,
|
|
226
360
|
field_length = dataItem.field_length,
|
|
227
361
|
field_precision = dataItem.field_precision,
|
|
@@ -246,8 +380,13 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
246
380
|
}
|
|
247
381
|
|
|
248
382
|
display_code = display_code || code;
|
|
249
|
-
var initialValue = data[code];
|
|
383
|
+
var initialValue = dataItem.initialValue || data[code];
|
|
250
384
|
var displayValue = data[display_code];
|
|
385
|
+
|
|
386
|
+
if (code === 'old__end_date$i_hi_person_contract') {
|
|
387
|
+
console.log(code, initialValue);
|
|
388
|
+
}
|
|
389
|
+
|
|
251
390
|
var component, valuePropName;
|
|
252
391
|
|
|
253
392
|
if (custom_form_items && custom_form_items[code + "_form_item"] && typeof custom_form_items[code + "_form_item"] === "function") {
|
|
@@ -269,7 +408,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
269
408
|
|
|
270
409
|
switch (ui_render_type) {
|
|
271
410
|
case _consts.UI_RENDER_TYPE.INPUT:
|
|
272
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Input, _extends({
|
|
411
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Input, _extends({
|
|
273
412
|
key: form_id + "_" + code,
|
|
274
413
|
placeholder: "请填写" + name,
|
|
275
414
|
allowClear: true,
|
|
@@ -279,7 +418,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
279
418
|
break;
|
|
280
419
|
|
|
281
420
|
case _consts.UI_RENDER_TYPE.INPUT_NUMBER:
|
|
282
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.InputNumber, _extends({
|
|
421
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.InputNumber, _extends({
|
|
283
422
|
key: form_id + "_" + code,
|
|
284
423
|
placeholder: "请填写" + name,
|
|
285
424
|
precision: field_precision || 0,
|
|
@@ -290,7 +429,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
290
429
|
break;
|
|
291
430
|
|
|
292
431
|
case _consts.UI_RENDER_TYPE.INPUT_PASSWORD:
|
|
293
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_InputPassword["default"], {
|
|
432
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_InputPassword["default"], {
|
|
294
433
|
ui_render_type: 'browse',
|
|
295
434
|
initValue: displayValue
|
|
296
435
|
})) : /*#__PURE__*/_react["default"].createElement(_antd.Input, _extends({
|
|
@@ -303,7 +442,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
303
442
|
break;
|
|
304
443
|
|
|
305
444
|
case _consts.UI_RENDER_TYPE.TEXT_AREA:
|
|
306
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Input.TextArea, _extends({
|
|
445
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Input.TextArea, _extends({
|
|
307
446
|
key: form_id + "_" + code,
|
|
308
447
|
placeholder: "请填写" + name,
|
|
309
448
|
allowClear: true,
|
|
@@ -315,7 +454,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
315
454
|
case _consts.UI_RENDER_TYPE.DATE:
|
|
316
455
|
initialValue = initialValue ? (0, _moment["default"])(initialValue) : "";
|
|
317
456
|
displayValue = displayValue ? (0, _moment["default"])(displayValue).format("YYYY-MM-DD") : "";
|
|
318
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, _extends({
|
|
457
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, _extends({
|
|
319
458
|
key: form_id + "_" + code,
|
|
320
459
|
getPopupContainer: function getPopupContainer() {
|
|
321
460
|
return document.getElementById("ant_form_item_".concat(code));
|
|
@@ -329,7 +468,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
329
468
|
case _consts.UI_RENDER_TYPE.DATE_TIME:
|
|
330
469
|
initialValue = initialValue ? (0, _moment["default"])(initialValue) : "";
|
|
331
470
|
displayValue = displayValue ? (0, _moment["default"])(displayValue).format("YYYY-MM-DD hh:mm:ss") : "";
|
|
332
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, _extends({
|
|
471
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, _extends({
|
|
333
472
|
key: form_id + "_" + code,
|
|
334
473
|
getPopupContainer: function getPopupContainer() {
|
|
335
474
|
return document.getElementById("ant_form_item_".concat(code));
|
|
@@ -357,7 +496,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
357
496
|
}
|
|
358
497
|
}
|
|
359
498
|
|
|
360
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Select, _extends({
|
|
499
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Select, _extends({
|
|
361
500
|
key: form_id + "_" + code,
|
|
362
501
|
getPopupContainer: function getPopupContainer() {
|
|
363
502
|
return document.getElementById("ant_form_item_".concat(code));
|
|
@@ -382,7 +521,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
382
521
|
initialValue = data[code] && data[code] > 0 ? data[code] + "" : null;
|
|
383
522
|
}
|
|
384
523
|
|
|
385
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect, _extends({
|
|
524
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.TreeSelect, _extends({
|
|
386
525
|
ref: ref,
|
|
387
526
|
key: form_id + "_" + code,
|
|
388
527
|
getPopupContainer: function getPopupContainer() {
|
|
@@ -402,7 +541,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
402
541
|
case _consts.UI_RENDER_TYPE.MODAL:
|
|
403
542
|
initialValue = displayValue;
|
|
404
543
|
code = display_code;
|
|
405
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Select, _extends({
|
|
544
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Select, _extends({
|
|
406
545
|
key: form_id + "_" + code,
|
|
407
546
|
placeholder: "请选择" + name,
|
|
408
547
|
open: false,
|
|
@@ -413,7 +552,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
413
552
|
break;
|
|
414
553
|
|
|
415
554
|
case _consts.UI_RENDER_TYPE.UPLOAD:
|
|
416
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue), initialValue && initialValue > 0 && /*#__PURE__*/_react["default"].createElement(_icons.DownloadOutlined, {
|
|
555
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue), initialValue && initialValue > 0 && /*#__PURE__*/_react["default"].createElement(_icons.DownloadOutlined, {
|
|
417
556
|
className: "form-item-control-input-ext-icon",
|
|
418
557
|
onClick: _this2.fileDownloadOnClick.bind(_assertThisInitialized(_this2), initialValue)
|
|
419
558
|
})) : initialValue && initialValue > 0 ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -451,7 +590,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
451
590
|
displayValue = initialValue ? "是" : "否";
|
|
452
591
|
}
|
|
453
592
|
|
|
454
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Switch, _extends({
|
|
593
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Switch, _extends({
|
|
455
594
|
key: form_id + "_" + code,
|
|
456
595
|
onChange: _this2.switchOnChange.bind(_assertThisInitialized(_this2), dataItem, onChange),
|
|
457
596
|
checkedChildren: "\u662F",
|
|
@@ -460,7 +599,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
460
599
|
break;
|
|
461
600
|
|
|
462
601
|
default:
|
|
463
|
-
component = b_readonly ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Input, _extends({
|
|
602
|
+
component = (b_disabled !== undefined ? b_disabled : b_readonly) ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("span", null, displayValue)) : /*#__PURE__*/_react["default"].createElement(_antd.Input, _extends({
|
|
464
603
|
key: form_id + "_" + code,
|
|
465
604
|
placeholder: "请选择" + name,
|
|
466
605
|
allowClear: true,
|
|
@@ -503,18 +642,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
503
642
|
dangerouslySetInnerHTML: {
|
|
504
643
|
__html: dataItem.field_label_prefix
|
|
505
644
|
}
|
|
506
|
-
}),
|
|
507
|
-
count: /*#__PURE__*/_react["default"].createElement("span", {
|
|
508
|
-
style: {
|
|
509
|
-
zIndex: '1'
|
|
510
|
-
},
|
|
511
|
-
dangerouslySetInnerHTML: {
|
|
512
|
-
__html: dataItem.field_label_badge
|
|
513
|
-
}
|
|
514
|
-
})
|
|
515
|
-
}, /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
|
|
516
|
-
title: name
|
|
517
|
-
}, name)), (!dataItem.field_label_badge || dataItem.field_label_badge.trim().length == 0) && /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
|
|
645
|
+
}), /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
|
|
518
646
|
title: name
|
|
519
647
|
}, name), tip_message && /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
|
|
520
648
|
className: "ui-tpl-tool-tip",
|
|
@@ -582,13 +710,43 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
582
710
|
});
|
|
583
711
|
|
|
584
712
|
_this2.ref = _this2.props.formref || /*#__PURE__*/_react["default"].createRef();
|
|
585
|
-
_this2.state = {
|
|
713
|
+
_this2.state = {
|
|
714
|
+
editFormulasState: []
|
|
715
|
+
};
|
|
586
716
|
return _this2;
|
|
587
717
|
}
|
|
588
718
|
|
|
589
719
|
_createClass(FormForModify, [{
|
|
590
720
|
key: "componentDidMount",
|
|
591
|
-
value: function componentDidMount() {
|
|
721
|
+
value: function componentDidMount() {
|
|
722
|
+
var _this3 = this;
|
|
723
|
+
|
|
724
|
+
var _this$props = this.props,
|
|
725
|
+
data = _this$props.data,
|
|
726
|
+
info_set_fields = _this$props.info_set_fields;
|
|
727
|
+
var editFormulasState = this.state.editFormulasState;
|
|
728
|
+
info_set_fields.forEach(function (formItem) {
|
|
729
|
+
_this3.preParseFormItemExtConfig(formItem);
|
|
730
|
+
|
|
731
|
+
if (formItem.editFormulaConfigs) {
|
|
732
|
+
for (var i = 0, len = formItem.editFormulaConfigs.length; i < len; i++) {
|
|
733
|
+
var editFormulaConfig = formItem.editFormulaConfigs[i];
|
|
734
|
+
var initialValue = formItem.ui_render_type === 'switch' ? (data[formItem.code] || '').toLowerCase() !== 'true' : data[formItem.code];
|
|
735
|
+
var formulaValueOf = formItem.ui_render_type === 'switch' ? (editFormulaConfig.onValueOf || '').toLowerCase() !== 'true' : editFormulaConfig.onValueOf;
|
|
736
|
+
|
|
737
|
+
if (formulaValueOf === initialValue) {
|
|
738
|
+
editFormulasState.push({
|
|
739
|
+
editFormulasStateCode: formItem.code,
|
|
740
|
+
editFormulaItem: editFormulaConfig
|
|
741
|
+
});
|
|
742
|
+
}
|
|
743
|
+
}
|
|
744
|
+
}
|
|
745
|
+
});
|
|
746
|
+
this.setState({
|
|
747
|
+
editFormulasState: editFormulasState
|
|
748
|
+
});
|
|
749
|
+
}
|
|
592
750
|
}, {
|
|
593
751
|
key: "validator",
|
|
594
752
|
value: function validator(b_required, ui_render_type, rule, value) {
|
|
@@ -766,6 +924,71 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
766
924
|
this.props.data[display_code] = display_value;
|
|
767
925
|
}
|
|
768
926
|
|
|
927
|
+
if (config.editFormulaConfigs && config.editFormulaConfigs.length) {
|
|
928
|
+
var data = this.props.data;
|
|
929
|
+
var editFormulasState = this.state.editFormulasState;
|
|
930
|
+
var setFieldsValue = this.ref.current.setFieldsValue;
|
|
931
|
+
|
|
932
|
+
if (value) {
|
|
933
|
+
var editFormulaItem = config.editFormulaConfigs.filter(function (editFormulaItem) {
|
|
934
|
+
return editFormulaItem.onValueOf === value.toString();
|
|
935
|
+
})[0];
|
|
936
|
+
|
|
937
|
+
if (editFormulaItem) {
|
|
938
|
+
if (value) {
|
|
939
|
+
editFormulaItem.otherFormItemResponses.forEach(function (item) {
|
|
940
|
+
if (item.formItemValue === 'disabled') {
|
|
941
|
+
if (item.formItemCode.indexOf('date') !== -1) {
|
|
942
|
+
setFieldsValue(_defineProperty({}, item.formItemCode, (0, _moment["default"])(data[item.formItemCode]) || ''));
|
|
943
|
+
} else {
|
|
944
|
+
setFieldsValue(_defineProperty({}, item.formItemCode, data[item.formItemCode] || ''));
|
|
945
|
+
}
|
|
946
|
+
}
|
|
947
|
+
});
|
|
948
|
+
}
|
|
949
|
+
|
|
950
|
+
if (editFormulasState.filter(function (item) {
|
|
951
|
+
return item.editFormulasStateCode === code;
|
|
952
|
+
}).length) {
|
|
953
|
+
editFormulasState.forEach(function (item) {
|
|
954
|
+
if (item.editFormulasStateCode === code) {
|
|
955
|
+
item.editFormulaItem = editFormulaItem;
|
|
956
|
+
}
|
|
957
|
+
});
|
|
958
|
+
} else {
|
|
959
|
+
editFormulasState.push({
|
|
960
|
+
editFormulasStateCode: code,
|
|
961
|
+
editFormulaItem: editFormulaItem
|
|
962
|
+
});
|
|
963
|
+
}
|
|
964
|
+
} else {
|
|
965
|
+
if (editFormulasState.filter(function (item) {
|
|
966
|
+
return item.editFormulasStateCode === code;
|
|
967
|
+
}).length) {
|
|
968
|
+
editFormulasState.forEach(function (item) {
|
|
969
|
+
if (item.editFormulasStateCode === code) {
|
|
970
|
+
item.editFormulaItem = null;
|
|
971
|
+
}
|
|
972
|
+
});
|
|
973
|
+
}
|
|
974
|
+
}
|
|
975
|
+
} else {
|
|
976
|
+
if (editFormulasState.filter(function (item) {
|
|
977
|
+
return item.editFormulasStateCode === code;
|
|
978
|
+
}).length) {
|
|
979
|
+
editFormulasState.forEach(function (item) {
|
|
980
|
+
if (item.editFormulasStateCode === code) {
|
|
981
|
+
item.editFormulaItem = null;
|
|
982
|
+
}
|
|
983
|
+
});
|
|
984
|
+
}
|
|
985
|
+
}
|
|
986
|
+
|
|
987
|
+
this.setState({
|
|
988
|
+
editFormulasState: editFormulasState
|
|
989
|
+
});
|
|
990
|
+
}
|
|
991
|
+
|
|
769
992
|
if (callback && typeof callback === "function") {
|
|
770
993
|
callback(value, option);
|
|
771
994
|
}
|
|
@@ -795,7 +1018,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
795
1018
|
}, {
|
|
796
1019
|
key: "buildTreeNode",
|
|
797
1020
|
value: function buildTreeNode(defNodes) {
|
|
798
|
-
var
|
|
1021
|
+
var _this4 = this;
|
|
799
1022
|
|
|
800
1023
|
if (!defNodes || defNodes.length === 0) {
|
|
801
1024
|
return null;
|
|
@@ -816,7 +1039,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
816
1039
|
ext_attr_value: ext_attr_value,
|
|
817
1040
|
selectable: item.selectable,
|
|
818
1041
|
prop: ext_attr_value
|
|
819
|
-
},
|
|
1042
|
+
}, _this4.buildTreeNode(item.children));
|
|
820
1043
|
});
|
|
821
1044
|
}
|
|
822
1045
|
}, {
|
|
@@ -873,6 +1096,52 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
873
1096
|
}, {
|
|
874
1097
|
key: "switchOnChange",
|
|
875
1098
|
value: function switchOnChange(config, callback, checked, event) {
|
|
1099
|
+
if (config.editFormulaConfigs && config.editFormulaConfigs.length) {
|
|
1100
|
+
var data = this.props.data;
|
|
1101
|
+
var code = config.code;
|
|
1102
|
+
var editFormulasState = this.state.editFormulasState;
|
|
1103
|
+
var setFieldsValue = this.ref.current.setFieldsValue;
|
|
1104
|
+
var editFormulaItem = config.editFormulaConfigs.filter(function (editFormulaItem) {
|
|
1105
|
+
return editFormulaItem.onValueOf === checked.toString();
|
|
1106
|
+
})[0];
|
|
1107
|
+
|
|
1108
|
+
if (editFormulaItem) {
|
|
1109
|
+
if (!checked) {
|
|
1110
|
+
editFormulaItem.otherFormItemResponses.forEach(function (item) {
|
|
1111
|
+
if (item.formItemCode.indexOf('date') !== -1) {
|
|
1112
|
+
setFieldsValue(_defineProperty({}, item.formItemCode, (0, _moment["default"])(data[item.formItemCode]) || ''));
|
|
1113
|
+
} else {
|
|
1114
|
+
setFieldsValue(_defineProperty({}, item.formItemCode, data[item.formItemCode] || ''));
|
|
1115
|
+
}
|
|
1116
|
+
});
|
|
1117
|
+
}
|
|
1118
|
+
|
|
1119
|
+
if (editFormulasState.filter(function (item) {
|
|
1120
|
+
return item.editFormulasStateCode === code;
|
|
1121
|
+
}).length) {
|
|
1122
|
+
editFormulasState.forEach(function (item) {
|
|
1123
|
+
if (item.editFormulasStateCode === code) {
|
|
1124
|
+
item.editFormulaItem = editFormulaItem;
|
|
1125
|
+
}
|
|
1126
|
+
});
|
|
1127
|
+
} else {
|
|
1128
|
+
editFormulasState.push({
|
|
1129
|
+
editFormulasStateCode: code,
|
|
1130
|
+
editFormulaItem: editFormulaItem
|
|
1131
|
+
});
|
|
1132
|
+
}
|
|
1133
|
+
} else {
|
|
1134
|
+
editFormulasState.push({
|
|
1135
|
+
editFormulasStateCode: code,
|
|
1136
|
+
editFormulaItem: null
|
|
1137
|
+
});
|
|
1138
|
+
}
|
|
1139
|
+
|
|
1140
|
+
this.setState({
|
|
1141
|
+
editFormulasState: editFormulasState
|
|
1142
|
+
});
|
|
1143
|
+
}
|
|
1144
|
+
|
|
876
1145
|
if (callback && typeof callback === "function") {
|
|
877
1146
|
callback(checked, event);
|
|
878
1147
|
}
|
|
@@ -898,14 +1167,14 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
898
1167
|
key: "deleteFile",
|
|
899
1168
|
value: function () {
|
|
900
1169
|
var _deleteFile = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(dataItem) {
|
|
901
|
-
var file_pk, _this$
|
|
1170
|
+
var file_pk, _this$props2, file_service_path, appconfig, _this;
|
|
902
1171
|
|
|
903
1172
|
return regeneratorRuntime.wrap(function _callee$(_context) {
|
|
904
1173
|
while (1) {
|
|
905
1174
|
switch (_context.prev = _context.next) {
|
|
906
1175
|
case 0:
|
|
907
1176
|
file_pk = this.props.data[dataItem.code];
|
|
908
|
-
_this$
|
|
1177
|
+
_this$props2 = this.props, file_service_path = _this$props2.file_service_path, appconfig = _this$props2.appconfig;
|
|
909
1178
|
_context.prev = 2;
|
|
910
1179
|
_this = this;
|
|
911
1180
|
_context.next = 6;
|
|
@@ -965,6 +1234,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
965
1234
|
key: "render",
|
|
966
1235
|
value: function render() {
|
|
967
1236
|
var props = this.props;
|
|
1237
|
+
var editFormulasState = this.state.editFormulasState;
|
|
968
1238
|
return /*#__PURE__*/_react["default"].createElement(_antd.ConfigProvider, {
|
|
969
1239
|
locale: _zh_CN["default"]
|
|
970
1240
|
}, /*#__PURE__*/_react["default"].createElement(_antd.Form, _extends({}, props, {
|
|
@@ -972,7 +1242,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
972
1242
|
ref: this.ref,
|
|
973
1243
|
scrollToFirstError: true,
|
|
974
1244
|
onValuesChange: this.onValuesChange.bind(this)
|
|
975
|
-
}), this.buildFormItems(), this.buildExtFormItems()));
|
|
1245
|
+
}), this.buildFormItems(editFormulasState), this.buildExtFormItems()));
|
|
976
1246
|
}
|
|
977
1247
|
}]);
|
|
978
1248
|
|
|
@@ -186,7 +186,18 @@ var GridForBrowse = /*#__PURE__*/function (_React$Component) {
|
|
|
186
186
|
dangerouslySetInnerHTML: {
|
|
187
187
|
__html: dataItem.column_header_prefix
|
|
188
188
|
}
|
|
189
|
-
})), /*#__PURE__*/_react["default"].createElement(
|
|
189
|
+
})), dataItem.field_label_badge && dataItem.field_label_badge.trim().length > 0 && /*#__PURE__*/_react["default"].createElement(_antd.Badge, {
|
|
190
|
+
count: /*#__PURE__*/_react["default"].createElement("span", {
|
|
191
|
+
style: {
|
|
192
|
+
zIndex: '1'
|
|
193
|
+
},
|
|
194
|
+
dangerouslySetInnerHTML: {
|
|
195
|
+
__html: dataItem.field_label_badge
|
|
196
|
+
}
|
|
197
|
+
})
|
|
198
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
199
|
+
className: b_required ? "k-grid-column-required" : ""
|
|
200
|
+
}, name)), (!dataItem.field_label_badge || dataItem.field_label_badge.trim().length == 0) && /*#__PURE__*/_react["default"].createElement("span", {
|
|
190
201
|
className: b_required ? "k-grid-column-required" : ""
|
|
191
202
|
}, name), tip_message && /*#__PURE__*/_react["default"].createElement(_antd.Tooltip, {
|
|
192
203
|
className: "ui-tpl-tool-tip",
|
|
@@ -266,6 +277,14 @@ var GridForBrowse = /*#__PURE__*/function (_React$Component) {
|
|
|
266
277
|
value = rowData[display_code] ? (0, _moment["default"])(rowData[display_code]).format("YYYY-MM-DD") : "";
|
|
267
278
|
break;
|
|
268
279
|
|
|
280
|
+
case _consts.UI_RENDER_TYPE.DATE_YEAR:
|
|
281
|
+
value = rowData[display_code] ? (0, _moment["default"])(rowData[display_code]).format("YYYY") : "";
|
|
282
|
+
break;
|
|
283
|
+
|
|
284
|
+
case _consts.UI_RENDER_TYPE.DATE_MONTH:
|
|
285
|
+
value = rowData[display_code] ? (0, _moment["default"])(rowData[display_code]).format("YYYY-MM") : "";
|
|
286
|
+
break;
|
|
287
|
+
|
|
269
288
|
case _consts.UI_RENDER_TYPE.DATE_TIME:
|
|
270
289
|
value = rowData[display_code] ? (0, _moment["default"])(rowData[display_code]).format("YYYY-MM-DD hh:mm:ss") : "";
|
|
271
290
|
break;
|
|
@@ -228,6 +228,26 @@ var GridForModify = /*#__PURE__*/function (_React$Component) {
|
|
|
228
228
|
});
|
|
229
229
|
break;
|
|
230
230
|
|
|
231
|
+
case _consts.UI_RENDER_TYPE.DATE_YEAR:
|
|
232
|
+
component = /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, {
|
|
233
|
+
format: _consts.DateFormat,
|
|
234
|
+
picker: "year",
|
|
235
|
+
placeholder: "请填写" + name,
|
|
236
|
+
onChange: this.datePickerOnChange.bind(this, dataItem, fieldConfig, onChange),
|
|
237
|
+
defaultValue: dataItem[code] && (0, _moment["default"])(dataItem[code])
|
|
238
|
+
});
|
|
239
|
+
break;
|
|
240
|
+
|
|
241
|
+
case _consts.UI_RENDER_TYPE.DATE_MONTH:
|
|
242
|
+
component = /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, {
|
|
243
|
+
format: _consts.DateFormat,
|
|
244
|
+
picker: "month",
|
|
245
|
+
placeholder: "请填写" + name,
|
|
246
|
+
onChange: this.datePickerOnChange.bind(this, dataItem, fieldConfig, onChange),
|
|
247
|
+
defaultValue: dataItem[code] && (0, _moment["default"])(dataItem[code])
|
|
248
|
+
});
|
|
249
|
+
break;
|
|
250
|
+
|
|
231
251
|
case _consts.UI_RENDER_TYPE.DATE_TIME:
|
|
232
252
|
component = /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, {
|
|
233
253
|
showTime: true,
|