@bchr/bchr-front-lib 0.3.87 → 0.3.91

package/lib/base/layout/ui_tpl/consts.js

@@ -10,6 +10,8 @@ var UI_RENDER_TYPE = {
   INPUT_NUMBER: "inputNumber",
   TEXT_AREA: "textArea",
   DATE: "date",
+  DATE_YEAR: "dateYear",
+  DATE_MONTH: "dateMonth",
   DATE_TIME: "dateTime",
   SELECT: "select",
   TREE_SELECT: "treeSelect",

package/lib/base/layout/ui_tpl/form/FormForBrowse.js

@@ -128,12 +128,41 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
       }));
     });
 
-    _defineProperty(_assertThisInitialized(_this), "buildFormItems", function () {
+    _defineProperty(_assertThisInitialized(_this), "buildFormItems", function (editFormulasState) {
       var _this$props = _this.props,
+          initialValues = _this$props.initialValues,
           info_set_fields = _this$props.info_set_fields,
           ext_form_items = _this$props.ext_form_items;
 
       if (info_set_fields && info_set_fields.length > 0) {
+        info_set_fields.forEach(function (formItem) {
+          formItem.initialValue = null;
+
+          _this.preParseFormItemExtConfig(formItem);
+
+          if (formItem.editFormulaConfigs) {
+            for (var i = 0, len = formItem.editFormulaConfigs.length; i < len; i++) {
+              var editFormulaConfig = formItem.editFormulaConfigs[i];
+              var initialValue = formItem.ui_render_type === 'switch' ? (initialValues[formItem.code] || '').toLowerCase() !== 'true' : initialValues[formItem.code];
+              var formulaValueOf = formItem.ui_render_type === 'switch' ? (editFormulaConfig.onValueOf || '').toLowerCase() !== 'true' : editFormulaConfig.onValueOf;
+
+              if (formulaValueOf === initialValue) {
+                var currentOtherFormItemResponses = editFormulaConfig.otherFormItemResponses;
+                currentOtherFormItemResponses.forEach(function (item) {
+                  info_set_fields.forEach(function (formItemInner) {
+                    if (formItemInner.code === item.formItemCode) {
+                      if (item.formItemValue === 'disabled') {
+                        formItemInner.b_disabled = true;
+                      } else if (item.formItemValue === 'enabled') {
+                        formItemInner.b_disabled = false;
+                      }
+                    }
+                  });
+                });
+              }
+            }
+          }
+        });
         var groupNames = info_set_fields.map(function (item) {
           return item.belong_form_group;
         }).filter(function (item, index, arr) {
@@ -192,6 +221,86 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
       }
     });
 
+    _defineProperty(_assertThisInitialized(_this), "preParseFormItemExtConfig", function (formItem) {
+      var formulas = formItem['edit_formula'];
+
+      if (formulas && formulas.length > 5) {
+        var rawFormulaTextArray = formulas.split(';');
+        var pureFormulaTextItems = [];
+
+        for (var i = 0, len = rawFormulaTextArray.length; i < len; i++) {
+          var rawFormulaTextItem = rawFormulaTextArray[i];
+
+          if (rawFormulaTextItem && rawFormulaTextItem.trim().length > 0) {
+            pureFormulaTextItems.push(rawFormulaTextItem.trim());
+          }
+        }
+
+        if (pureFormulaTextItems.length === 0) {
+          return;
+        }
+
+        var editFormulaConfigs = [];
+
+        for (var _i = 0, _len = pureFormulaTextItems.length; _i < _len; _i++) {
+          var formulaTextItem = pureFormulaTextItems[_i];
+          var formulaChildTextItems = formulaTextItem.split("=>");
+
+          if (formulaChildTextItems.length !== 2) {
+            continue;
+          }
+
+          var formItemValueText = formulaChildTextItems[0].trim();
+          var onChangeEventText = formulaChildTextItems[1].trim();
+
+          if (formItemValueText.length === 0 || onChangeEventText.length === 0) {
+            continue;
+          }
+
+          if (formItemValueText.startsWith("(") && formItemValueText.endsWith(")")) {
+            formItemValueText = formItemValueText.substr(1, formItemValueText.length - 2);
+          }
+
+          var editFormulaConfig = {
+            onValueOf: formItemValueText,
+            otherFormItemResponses: []
+          };
+
+          if (onChangeEventText.startsWith("(") && onChangeEventText.endsWith(")")) {
+            onChangeEventText = onChangeEventText.substr(1, onChangeEventText.length - 2);
+          }
+
+          var otherFormItemResponseStates = onChangeEventText.split(",");
+
+          for (var m = 0, count = otherFormItemResponseStates.length; m < count; m++) {
+            var otherFormItemResponseState = otherFormItemResponseStates[m];
+            var otherFormItemResponseOptions = otherFormItemResponseState.split(":");
+
+            if (otherFormItemResponseOptions.length === 2) {
+              var otherFormItemCode = otherFormItemResponseOptions[0].trim();
+              var otherFormItemValue = otherFormItemResponseOptions[1].trim();
+
+              if (otherFormItemCode.length && otherFormItemValue.length > 0) {
+                var otherFormItemResponse = {
+                  formItemCode: otherFormItemCode,
+                  formItemValue: otherFormItemValue
+                };
+                editFormulaConfig.otherFormItemResponses.push(otherFormItemResponse);
+              }
+            }
+          }
+
+          if (editFormulaConfig.onValueOf && editFormulaConfig.otherFormItemResponses.length > 0) {
+            editFormulaConfigs.push(editFormulaConfig);
+          }
+        }
+
+        if (editFormulaConfigs.length > 0) {
+          formItem.editFormulaConfigs = editFormulaConfigs;
+        }
+      }
+    });
+
     _defineProperty(_assertThisInitialized(_this), "generatorFormItem", function (dataItem, is_ext_field) {
       if (is_ext_field) {
         return /*#__PURE__*/_react["default"].createElement(_antd.Col, {
@@ -204,7 +313,7 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
           label: dataItem.label,
           name: dataItem.name,
           rules: [{
-            required: dataItem.required
+            required: !dataItem.b_disabled && dataItem.required
           }]
         }, dataItem.render));
       }
@@ -222,6 +331,7 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
           code = dataItem.code,
           display_code = dataItem.display_code,
           b_multiple = dataItem.b_multiple,
+          b_disabled = dataItem.b_disabled,
           upload_file_biz_object_type = dataItem.upload_file_biz_object_type;
       var value;
       display_code = display_code || code;
@@ -244,6 +354,14 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
             value = initialValues[display_code] ? (0, _moment["default"])(initialValues[display_code]).format("YYYY-MM-DD") : "";
             break;
 
+          case _consts.UI_RENDER_TYPE.DATE_YEAR:
+            value = initialValues[display_code] ? (0, _moment["default"])(initialValues[display_code], 'YYYY').format("YYYY") : "";
+            break;
+
+          case _consts.UI_RENDER_TYPE.DATE_MONTH:
+            value = initialValues[display_code] ? (0, _moment["default"])(initialValues[display_code], 'YYYYMM').format("YYYY-MM") : "";
+            break;
+
           case _consts.UI_RENDER_TYPE.DATE_TIME:
             value = initialValues[display_code] ? (0, _moment["default"])(initialValues[display_code]).format("YYYY-MM-DD hh:mm:ss") : "";
             break;
@@ -327,7 +445,7 @@ var FormForBrowse = /*#__PURE__*/function (_React$Component) {
         }, " ", /*#__PURE__*/_react["default"].createElement(_icons.QuestionCircleOutlined, null), " ")),
         name: dataItem.code,
         rules: [{
-          required: dataItem.b_required
+          required: !dataItem.b_disabled && dataItem.b_required
         }]
       }, components));
     });

package/lib/base/layout/ui_tpl/form/FormForModify.js

@@ -163,7 +163,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
                     } else if (item.formItemValue === 'enabled') {
                       formItem.b_disabled = false;
                     } else {
-                      formItem.initialValue = item.formItemValue || '';
+                      formItem.initialValue = item.formItemValue || data[formItem.display_code];
                     }
                   }
                 });
@@ -177,10 +177,6 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
                 var formulaValueOf = formItem.ui_render_type === 'switch' ? (editFormulaConfig.onValueOf || '').toLowerCase() !== 'true' : editFormulaConfig.onValueOf;
 
                 if (formulaValueOf === initialValue) {
-                  editFormulasState.push({
-                    editFormulasStateCode: formItem.code,
-                    editFormulaItem: editFormulaConfig
-                  });
                   var currentOtherFormItemResponses = editFormulaConfig.otherFormItemResponses;
                   currentOtherFormItemResponses.forEach(function (item) {
                     info_set_fields.forEach(function (formItemInner) {
@@ -190,7 +186,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
                         } else if (item.formItemValue === 'enabled') {
                           formItemInner.b_disabled = false;
                         } else {
-                          formItemInner.initialValue = item.formItemValue || '';
+                          formItemInner.initialValue = item.formItemValue || data[formItem.display_code];
                         }
                       }
                     });
@@ -378,14 +374,14 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
           label: dataItem.label,
           name: dataItem.name,
           rules: [{
-            required: dataItem.required
+            required: !dataItem.b_disabled && dataItem.required
           }]
         }, dataItem.render));
       }
 
       display_code = display_code || code;
       var initialValue = dataItem.initialValue || data[code];
-      var displayValue = dataItem.initialValue || data[display_code];
+      var displayValue = data[display_code];
       var component, valuePropName;
 
       if (custom_form_items && custom_form_items[code + "_form_item"] && typeof custom_form_items[code + "_form_item"] === "function") {
@@ -464,6 +460,36 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
             }, ext_props));
             break;
 
+          case _consts.UI_RENDER_TYPE.DATE_YEAR:
+            initialValue = initialValue ? (0, _moment["default"])(initialValue) : "";
+            displayValue = displayValue ? (0, _moment["default"])(displayValue, 'YYYY').format("YYYY") : "";
+            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({
+              key: form_id + "_" + code,
+              getPopupContainer: function getPopupContainer() {
+                return document.getElementById("ant_form_item_".concat(code));
+              },
+              placeholder: "请选择" + name,
+              picker: "year",
+              onChange: _this2.datePickerOnChange.bind(_assertThisInitialized(_this2), dataItem, onChange),
+              disabledDate: _this2.disabledDate.bind(_assertThisInitialized(_this2), dataItem)
+            }, ext_props));
+            break;
+
+          case _consts.UI_RENDER_TYPE.DATE_MONTH:
+            initialValue = initialValue ? (0, _moment["default"])(initialValue) : "";
+            displayValue = displayValue ? (0, _moment["default"])(displayValue, 'YYYYMM').format("YYYY-MM") : "";
+            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({
+              key: form_id + "_" + code,
+              getPopupContainer: function getPopupContainer() {
+                return document.getElementById("ant_form_item_".concat(code));
+              },
+              placeholder: "请选择" + name,
+              picker: "month",
+              onChange: _this2.datePickerOnChange.bind(_assertThisInitialized(_this2), dataItem, onChange),
+              disabledDate: _this2.disabledDate.bind(_assertThisInitialized(_this2), dataItem)
+            }, ext_props));
+            break;
+
           case _consts.UI_RENDER_TYPE.DATE_TIME:
             initialValue = initialValue ? (0, _moment["default"])(initialValue) : "";
             displayValue = displayValue ? (0, _moment["default"])(displayValue).format("YYYY-MM-DD hh:mm:ss") : "";
@@ -650,10 +676,10 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
         name: code,
         initialValue: initialValue,
         rules: [{
-          required: b_required,
+          required: !dataItem.b_disabled && b_required,
           message: "请填写" + name,
           whitespace: true,
-          validator: _this2.validator.bind(_assertThisInitialized(_this2), b_required, ui_render_type)
+          validator: _this2.validator.bind(_assertThisInitialized(_this2), !dataItem.b_disabled && b_required, ui_render_type)
         }, {
           required: false,
           message: name + "格式不正确",
@@ -661,7 +687,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
           validator: _this2.formatValidator.bind(_assertThisInitialized(_this2)),
           pattern: regexp_pattern
         }],
-        hasFeedback: b_required,
+        hasFeedback: !dataItem.b_disabled && b_required,
         valuePropName: valuePropName ? valuePropName : "value"
       }, component));
     });
@@ -717,7 +743,35 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
 
   _createClass(FormForModify, [{
     key: "componentDidMount",
-    value: function componentDidMount() {}
+    value: function componentDidMount() {
+      var _this3 = this;
+
+      var _this$props = this.props,
+          data = _this$props.data,
+          info_set_fields = _this$props.info_set_fields;
+      var editFormulasState = this.state.editFormulasState;
+      info_set_fields.forEach(function (formItem) {
+        _this3.preParseFormItemExtConfig(formItem);
+
+        if (formItem.editFormulaConfigs) {
+          for (var i = 0, len = formItem.editFormulaConfigs.length; i < len; i++) {
+            var editFormulaConfig = formItem.editFormulaConfigs[i];
+            var initialValue = formItem.ui_render_type === 'switch' ? (data[formItem.code] || '').toLowerCase() !== 'true' : data[formItem.code];
+            var formulaValueOf = formItem.ui_render_type === 'switch' ? (editFormulaConfig.onValueOf || '').toLowerCase() !== 'true' : editFormulaConfig.onValueOf;
+
+            if (formulaValueOf === initialValue) {
+              editFormulasState.push({
+                editFormulasStateCode: formItem.code,
+                editFormulaItem: editFormulaConfig
+              });
+            }
+          }
+        }
+      });
+      this.setState({
+        editFormulasState: editFormulasState
+      });
+    }
   }, {
     key: "validator",
     value: function validator(b_required, ui_render_type, rule, value) {
@@ -896,6 +950,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
       }
 
       if (config.editFormulaConfigs && config.editFormulaConfigs.length) {
+        var data = this.props.data;
         var editFormulasState = this.state.editFormulasState;
         var setFieldsValue = this.ref.current.setFieldsValue;
 
@@ -908,7 +963,11 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
             if (value) {
               editFormulaItem.otherFormItemResponses.forEach(function (item) {
                 if (item.formItemValue === 'disabled') {
-                  setFieldsValue(_defineProperty({}, item.formItemCode, ''));
+                  if (item.formItemCode.indexOf('date') !== -1) {
+                    setFieldsValue(_defineProperty({}, item.formItemCode, (0, _moment["default"])(data[item.formItemCode]) || ''));
+                  } else {
+                    setFieldsValue(_defineProperty({}, item.formItemCode, data[item.formItemCode] || ''));
+                  }
                 }
               });
             }
@@ -984,7 +1043,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "buildTreeNode",
     value: function buildTreeNode(defNodes) {
-      var _this3 = this;
+      var _this4 = this;
 
       if (!defNodes || defNodes.length === 0) {
         return null;
@@ -1005,7 +1064,7 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
           ext_attr_value: ext_attr_value,
           selectable: item.selectable,
           prop: ext_attr_value
-        }, _this3.buildTreeNode(item.children));
+        }, _this4.buildTreeNode(item.children));
       });
     }
   }, {
@@ -1062,9 +1121,9 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "switchOnChange",
     value: function switchOnChange(config, callback, checked, event) {
-      var code = config.code;
-
       if (config.editFormulaConfigs && config.editFormulaConfigs.length) {
+        var data = this.props.data;
+        var code = config.code;
         var editFormulasState = this.state.editFormulasState;
         var setFieldsValue = this.ref.current.setFieldsValue;
         var editFormulaItem = config.editFormulaConfigs.filter(function (editFormulaItem) {
@@ -1074,7 +1133,11 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
         if (editFormulaItem) {
           if (!checked) {
             editFormulaItem.otherFormItemResponses.forEach(function (item) {
-              setFieldsValue(_defineProperty({}, item.formItemCode, ''));
+              if (item.formItemCode.indexOf('date') !== -1) {
+                setFieldsValue(_defineProperty({}, item.formItemCode, (0, _moment["default"])(data[item.formItemCode]) || ''));
+              } else {
+                setFieldsValue(_defineProperty({}, item.formItemCode, data[item.formItemCode] || ''));
+              }
             });
           }
 
@@ -1129,14 +1192,14 @@ var FormForModify = /*#__PURE__*/function (_React$Component) {
     key: "deleteFile",
     value: function () {
       var _deleteFile = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(dataItem) {
-        var file_pk, _this$props, file_service_path, appconfig, _this;
+        var file_pk, _this$props2, file_service_path, appconfig, _this;
 
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
                 file_pk = this.props.data[dataItem.code];
-                _this$props = this.props, file_service_path = _this$props.file_service_path, appconfig = _this$props.appconfig;
+                _this$props2 = this.props, file_service_path = _this$props2.file_service_path, appconfig = _this$props2.appconfig;
                 _context.prev = 2;
                 _this = this;
                 _context.next = 6;

package/lib/base/layout/ui_tpl/grid/GridForBrowse.js

@@ -277,6 +277,14 @@ var GridForBrowse = /*#__PURE__*/function (_React$Component) {
                 value = rowData[display_code] ? (0, _moment["default"])(rowData[display_code]).format("YYYY-MM-DD") : "";
                 break;
 
+              case _consts.UI_RENDER_TYPE.DATE_YEAR:
+                value = rowData[display_code] ? (0, _moment["default"])(rowData[display_code]).format("YYYY") : "";
+                break;
+
+              case _consts.UI_RENDER_TYPE.DATE_MONTH:
+                value = rowData[display_code] ? (0, _moment["default"])(rowData[display_code]).format("YYYY-MM") : "";
+                break;
+
               case _consts.UI_RENDER_TYPE.DATE_TIME:
                 value = rowData[display_code] ? (0, _moment["default"])(rowData[display_code]).format("YYYY-MM-DD hh:mm:ss") : "";
                 break;

package/lib/base/layout/ui_tpl/grid/GridForModify.js

@@ -228,6 +228,26 @@ var GridForModify = /*#__PURE__*/function (_React$Component) {
           });
           break;
 
+        case _consts.UI_RENDER_TYPE.DATE_YEAR:
+          component = /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, {
+            format: _consts.DateFormat,
+            picker: "year",
+            placeholder: "请填写" + name,
+            onChange: this.datePickerOnChange.bind(this, dataItem, fieldConfig, onChange),
+            defaultValue: dataItem[code] && (0, _moment["default"])(dataItem[code])
+          });
+          break;
+
+        case _consts.UI_RENDER_TYPE.DATE_MONTH:
+          component = /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, {
+            format: _consts.DateFormat,
+            picker: "month",
+            placeholder: "请填写" + name,
+            onChange: this.datePickerOnChange.bind(this, dataItem, fieldConfig, onChange),
+            defaultValue: dataItem[code] && (0, _moment["default"])(dataItem[code])
+          });
+          break;
+
         case _consts.UI_RENDER_TYPE.DATE_TIME:
           component = /*#__PURE__*/_react["default"].createElement(_antd.DatePicker, {
             showTime: true,