fmui-base 2.2.86 → 2.2.87

package/lib/tblform/TblForm.js

@@ -0,0 +1,427 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = undefined;
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _get = function get(object, property, receiver) { if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { return get(parent, property, receiver); } } else if ("value" in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } };
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Toast = require('saltui/lib/Toast');
+
+var _Toast2 = _interopRequireDefault(_Toast);
+
+var _form = require('../form/form');
+
+var _form2 = _interopRequireDefault(_form);
+
+var _subForm = require('../form/subForm');
+
+var _subForm2 = _interopRequireDefault(_subForm);
+
+var _table = require('../form/table');
+
+var _table2 = _interopRequireDefault(_table);
+
+var _loading = require('../loading/loading');
+
+var _loading2 = _interopRequireDefault(_loading);
+
+var _db = require('../db/db');
+
+var _db2 = _interopRequireDefault(_db);
+
+var _formFieldProps = require('./formFieldProps');
+
+var _pureFormAdapter = require('./pureFormAdapter');
+
+var _formSaveUtils = require('./formSaveUtils');
+
+var _formCommon = require('./formCommon');
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; } /**
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                * 纯表单容器：仅接收 formId、editType、dataId，内部请求 getPureMobileForm 并渲染表单
+                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                */
+
+
+var TblForm = function (_BaseTable) {
+  _inherits(TblForm, _BaseTable);
+
+  function TblForm(props) {
+    _classCallCheck(this, TblForm);
+
+    var _this = _possibleConstructorReturn(this, (TblForm.__proto__ || Object.getPrototypeOf(TblForm)).call(this, {
+      module: '',
+      formRelaField: '',
+      defaultValue: '',
+      data: { formId: props.formId },
+      allForm: {}
+    }));
+
+    _this.pureModule = 'approve';
+
+    _this.state = Object.assign({}, _this.state, {
+      loading: true,
+      loadError: '',
+      formItem: [],
+      allForm: null,
+      editFormData: null,
+      formStyleObj: {},
+      fieldControll: {},
+      status: '0',
+      operate: '',
+      savedDataId: '',
+      saving: false,
+      formCode: props.formCode || ''
+    });
+    return _this;
+  }
+
+  _createClass(TblForm, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.loadPureForm();
+    }
+  }, {
+    key: 'componentDidUpdate',
+    value: function componentDidUpdate(prevProps) {
+      if (prevProps.formId !== this.props.formId || prevProps.editType !== this.props.editType || prevProps.dataId !== this.props.dataId) {
+        this.loadPureForm();
+      }
+    }
+  }, {
+    key: 'loadPureForm',
+    value: function loadPureForm() {
+      var t = this;
+      var _props = this.props,
+          formId = _props.formId,
+          editType = _props.editType,
+          dataId = _props.dataId;
+
+      if (!formId) {
+        t.setState({ loading: false, loadError: '缺少 formId' });
+        return;
+      }
+
+      t.setState({ loading: true, loadError: '' });
+
+      _db2.default.form.getPureMobileForm({
+        formId: formId,
+        editType: editType || 'add',
+        dataId: dataId || ''
+      }).then(function (content) {
+        var normalized = (0, _pureFormAdapter.normalizePureMobileForm)(content, editType || 'add');
+        var loadedDataId = normalized.editFormData && normalized.editFormData.dataId || dataId || '';
+        var formCode = t.props.formCode || normalized.allForm && normalized.allForm.formcode || '';
+        (0, _formCommon.loadFormCommon)(formCode);
+        t.setState({
+          loading: false,
+          loadError: '',
+          formItem: normalized.formItem,
+          allForm: normalized.allForm,
+          editFormData: normalized.editFormData,
+          formStyleObj: normalized.formStyleObj,
+          fieldControll: normalized.fieldControll,
+          status: normalized.status,
+          operate: editType || 'add',
+          savedDataId: loadedDataId,
+          formCode: formCode
+        }, function () {
+          if (typeof t.props.onLoad === 'function') {
+            t.props.onLoad(normalized.editFormData, normalized);
+          }
+        });
+      }).catch(function (error) {
+        var msg = error && error.errorMsg ? error.errorMsg : '加载表单失败';
+        t.setState({ loading: false, loadError: msg });
+        _Toast2.default.show({ type: 'error', content: msg });
+      });
+    }
+  }, {
+    key: 'handleFormChange',
+    value: function handleFormChange(data, itemParam, subTblNo) {
+      this.setState({ editFormData: data });
+      this.change(data, itemParam, subTblNo);
+    }
+  }, {
+    key: 'change',
+    value: function change(data, itemParam, subTblNo) {
+      if (itemParam && itemParam.key) {
+        var formItem = data.formItem;
+        if (formItem) {
+          for (var i = 0; i < formItem.length; i++) {
+            if (formItem[i].uniqueName === itemParam.uniqueName) {
+              formItem[i].value = itemParam.value;
+            }
+          }
+        }
+        (0, _formCommon.applyFormCommonItemChange)(this, data, itemParam);
+      }
+      _get(TblForm.prototype.__proto__ || Object.getPrototypeOf(TblForm.prototype), 'change', this).call(this, data, itemParam, subTblNo);
+    }
+
+    /** 供外部获取当前表单数据（与 processInfo.editFormData 结构一致） */
+
+  }, {
+    key: 'getEditFormData',
+    value: function getEditFormData() {
+      return this.state.editFormData;
+    }
+
+    /**
+     * 保存表单：POST /api/m/model/formmgr/runtime/runtimeDataSave
+     * @param {Object} options 可选 moduleCode、formType、logField、formVersion、showToast
+     * @returns {Promise}
+     */
+
+  }, {
+    key: 'save',
+    value: function save(options) {
+      var t = this;
+      var opts = options || {};
+
+      if (!t.state.editFormData) {
+        var err = { errorMsg: '表单数据未加载完成' };
+        _Toast2.default.show({ type: 'error', content: err.errorMsg });
+        return Promise.reject(err);
+      }
+
+      var FormCommonRef = (0, _formCommon.getFormCommon)();
+      if (FormCommonRef && typeof FormCommonRef.saveBefore === 'function') {
+        return new Promise(function (resolve, reject) {
+          FormCommonRef.saveBefore(2, t.state, function () {
+            t.saveFormData(opts).then(resolve).catch(reject);
+          }, function (error) {
+            _Toast2.default.show({ type: 'error', content: error });
+            reject({ errorMsg: error });
+          });
+        });
+      }
+
+      return t.saveFormData(opts);
+    }
+  }, {
+    key: 'saveFormData',
+    value: function saveFormData(opts) {
+      var t = this;
+      var editFormData = t.state.editFormData;
+      var editType = t.props.editType || 'add';
+      var existDataId = t.state.savedDataId || t.props.dataId || editFormData.dataId || '';
+
+      var saveParams = (0, _formSaveUtils.buildRuntimeDataSaveParams)(editFormData, {
+        formId: t.props.formId,
+        editType: editType,
+        existDataId: existDataId,
+        formType: opts.formType,
+        logField: opts.logField,
+        moduleCode: opts.moduleCode != null ? opts.moduleCode : t.pureModule,
+        formVersion: opts.formVersion
+      });
+
+      t.setState({ saving: true });
+
+      return _db2.default.form.runtimeDataSave(saveParams).then(function (content) {
+        t.setState({ saving: false });
+        if (!(0, _formSaveUtils.isRuntimeSaveSuccess)(content)) {
+          var msg = content && content.info ? content.info : '保存失败';
+          if (opts.showToast !== false) {
+            _Toast2.default.show({ type: 'error', content: msg });
+          }
+          return Promise.reject({ errorMsg: msg, content: content });
+        }
+
+        var newDataId = content.existDataId || existDataId;
+        var nextFormData = Object.assign({}, editFormData, { dataId: newDataId });
+        t.setState({
+          savedDataId: newDataId,
+          editFormData: nextFormData
+        });
+
+        if (opts.showToast !== false) {
+          _Toast2.default.show({
+            type: 'success',
+            content: content.info || '保存成功'
+          });
+        }
+        if (typeof t.props.onSaveSuccess === 'function') {
+          t.props.onSaveSuccess(content, nextFormData);
+        }
+        return content;
+      }).catch(function (error) {
+        t.setState({ saving: false });
+        var msg = error && error.errorMsg ? error.errorMsg : '保存失败';
+        if (opts.showToast !== false) {
+          _Toast2.default.show({ type: 'error', content: msg });
+        }
+        return Promise.reject(error);
+      });
+    }
+  }, {
+    key: 'renderFormItem',
+    value: function renderFormItem(item, i) {
+      var t = this;
+      if (item.itemType === 'twocolumns' || item.itemType === 'threecolumns') {
+        return item.children.map(function (item2, j) {
+          return _react2.default.createElement(
+            'div',
+            { key: item2.uniqueName || j, className: 'form_' + item2.uniqueName },
+            _react2.default.createElement(_form2.default, _extends({
+              keyNo: j,
+              ref: item2.uniqueName
+            }, (0, _formFieldProps.buildFormFieldProps)(t, item2, { keyNo: j })))
+          );
+        });
+      }
+      if (item.itemType === 'detail') {
+        return _react2.default.createElement(
+          'div',
+          { key: item.itemCode || i, className: 'subform_' + item.itemCode },
+          _react2.default.createElement(_subForm2.default, _extends({
+            keyNo: i,
+            ref: 'sub_' + item.itemCode
+          }, (0, _formFieldProps.buildSubFormFieldProps)(t, item, { keyNo: i })))
+        );
+      }
+      return _react2.default.createElement(
+        'div',
+        { key: item.uniqueName || i, className: 'form_' + item.uniqueName },
+        _react2.default.createElement(_form2.default, _extends({
+          ref: item.uniqueName,
+          keyNo: i
+        }, (0, _formFieldProps.buildFormFieldProps)(t, item, { keyNo: i })))
+      );
+    }
+  }, {
+    key: 'renderFormBody',
+    value: function renderFormBody() {
+      var t = this;
+      var allForm = t.state.allForm;
+      var formItem = t.state.formItem;
+      if (!formItem || !formItem.length) {
+        return null;
+      }
+
+      var tabCodes = [];
+      var tabNames = [];
+      if (allForm) {
+        tabCodes = allForm.tabCodes;
+        tabNames = allForm.tabNames;
+      }
+
+      if (tabCodes == null || tabCodes.length < 2) {
+        return formItem.map(function (item, i) {
+          return t.renderFormItem(item, i);
+        });
+      }
+
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(
+          'ul',
+          { className: 'tab-page-tree' },
+          tabCodes.map(function (code, index) {
+            return _react2.default.createElement(
+              'li',
+              {
+                className: t.state.active == code ? 'tab-page-tree-item active' : 'tab-page-tree-item',
+                onClick: function onClick() {
+                  t.changeTab(code);
+                },
+                key: code
+              },
+              tabNames[index]
+            );
+          })
+        ),
+        _react2.default.createElement('div', { className: 't-H10 t-BCf7' }),
+        _react2.default.createElement(
+          'div',
+          null,
+          formItem.map(function (item, i) {
+            var tabVisible = t.state.active == item.tabCode;
+            if (item.itemType === 'twocolumns' || item.itemType === 'threecolumns') {
+              return item.children.map(function (item2, j) {
+                return _react2.default.createElement(
+                  'div',
+                  { key: item2.uniqueName || j, className: tabVisible ? '' : 't-DN' },
+                  _react2.default.createElement(_form2.default, _extends({
+                    className: 'form_' + item.uniqueName,
+                    keyNo: j,
+                    ref: item.uniqueName
+                  }, (0, _formFieldProps.buildFormFieldProps)(t, item2, { keyNo: j })))
+                );
+              });
+            }
+            if (item.itemType === 'detail') {
+              return _react2.default.createElement(
+                'div',
+                { key: item.itemCode || i, className: tabVisible ? '' : 't-DN' },
+                _react2.default.createElement(_subForm2.default, _extends({
+                  className: 'subform_' + item.itemCode,
+                  keyNo: i,
+                  ref: 'sub_' + item.itemCode
+                }, (0, _formFieldProps.buildSubFormFieldProps)(t, item, { keyNo: i })))
+              );
+            }
+            return _react2.default.createElement(
+              'div',
+              { key: item.uniqueName || i, className: tabVisible ? '' : 't-DN' },
+              _react2.default.createElement(_form2.default, _extends({
+                className: 'form_' + item.uniqueName,
+                ref: item.uniqueName,
+                keyNo: i
+              }, (0, _formFieldProps.buildFormFieldProps)(t, item, { keyNo: i })))
+            );
+          })
+        )
+      );
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var t = this;
+      if (t.state.loading) {
+        return _react2.default.createElement(
+          'div',
+          { className: 't-FAC t-P16' },
+          _react2.default.createElement(_loading2.default, null)
+        );
+      }
+      if (t.state.loadError) {
+        return _react2.default.createElement(
+          'div',
+          { className: 't-FAC t-P16 t-FC9' },
+          t.state.loadError
+        );
+      }
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(
+          'div',
+          null,
+          t.renderFormBody()
+        )
+      );
+    }
+  }]);
+
+  return TblForm;
+}(_table2.default);
+
+exports.default = TblForm;

package/lib/tblform/formCommon.js

@@ -0,0 +1,128 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadFormCommon = loadFormCommon;
+exports.getFormCommon = getFormCommon;
+exports.getFormMobileExt = getFormMobileExt;
+exports.applyFormCommonItemChange = applyFormCommonItemChange;
+
+var _formExtHelper = require('../form/formExtHelper');
+
+var FormCommon = null; /**
+                        * 纯表单扩展：pages/form_common/{formCode}，formCode 为空时不加载
+                        */
+
+var cachedFormCode = '';
+
+function loadFormCommon(formCode) {
+  cachedFormCode = formCode || '';
+  var loaded = (0, _formExtHelper.loadFlowOrFormCommon)({ formCode: cachedFormCode, module: '' });
+  FormCommon = loaded.FlowCommon;
+  return FormCommon;
+}
+
+function getFormCommon() {
+  return FormCommon;
+}
+
+function getFormMobileExt(formCode) {
+  return (0, _formExtHelper.resolveMobileFormExt)(formCode || cachedFormCode, '', '');
+}
+
+/**
+ * 字段变更扩展（与 table.jsx 中 FlowCommon / mobileExt 逻辑一致）
+ */
+function applyFormCommonItemChange(t, data, itemParam) {
+  var FormCommonRef = getFormCommon();
+  var formCode = t.state.formCode;
+  var mobileExt = getFormMobileExt(formCode);
+
+  if (!itemParam || !itemParam.key) {
+    return;
+  }
+
+  var mainTblData = data.mainTblData;
+  var mainTblName = data.mainTblName;
+  var formItem = data.formItem;
+  var subTbl = data.subTbl;
+
+  if (FormCommonRef && typeof FormCommonRef.dealwithFormItemChange === 'function') {
+    try {
+      FormCommonRef.dealwithFormItemChange(itemParam, t);
+    } catch (error) {
+      console.log('FormCommon dealwithFormItemChange error:', error);
+    }
+  }
+
+  if (mobileExt && typeof mobileExt.dealwithFormItemChangeExt === 'function') {
+    mobileExt.dealwithFormItemChangeExt(itemParam, t, function (paramsExt) {
+      if (!paramsExt || !paramsExt.length) {
+        return;
+      }
+      paramsExt.map(function (itemExt) {
+        if (itemExt.type === 'main') {
+          if (t.refs[mainTblName + '_' + itemExt.key]) {
+            t.refs[mainTblName + '_' + itemExt.key].reloadItemParam(itemExt.value);
+          }
+          for (var iExt = 0; iExt < mainTblData.length; iExt++) {
+            if (itemExt.data && itemExt.key === mainTblData[iExt].key) {
+              mainTblData[iExt].value = itemExt.data;
+            }
+          }
+        } else if (itemExt.type === 'sub') {
+          var operateType = itemExt.operateType;
+          if (!operateType) {
+            operateType = 'edit';
+          }
+          if (operateType === 'add') {
+            t.refs['sub_' + itemExt.key].detailAdd(itemExt.value);
+          } else if (operateType === 'delete') {
+            t.refs['sub_' + itemExt.key].detailDel(itemExt.index);
+          } else if (itemExt.index || itemExt.index === 0) {
+            if (itemExt.subCode) {
+              t.refs['sub_' + itemExt.key].refs[itemExt.key + '_' + itemExt.subCode + '_' + itemExt.index].reloadItemParam(itemExt.value);
+              for (var iExtSub = 0; iExtSub < subTbl.length; iExtSub++) {
+                if (subTbl[iExtSub].subTblName === itemExt.key && itemExt.data) {
+                  var subTblData = subTbl[iExtSub].subTblData;
+                  if (subTblData.length > itemExt.index) {
+                    var subTblItemData = subTblData[itemExt.index];
+                    for (var iExtSubDataItem = 0; iExtSubDataItem < subTblItemData.length; iExtSubDataItem++) {
+                      if (itemExt.subCode === subTblItemData[iExtSubDataItem].key) {
+                        subTblItemData[iExtSubDataItem].value = itemExt.data;
+                      }
+                    }
+                  }
+                }
+              }
+            } else {
+              var itemExtValue = itemExt.value;
+              if (itemExtValue && itemExtValue.length > 0) {
+                for (var itemExtValueIndex = 0; itemExtValueIndex < itemExtValue.length; itemExtValueIndex++) {
+                  var itemExtValueArray = itemExtValue[itemExtValueIndex];
+                  t.refs['sub_' + itemExt.key].refs[itemExt.key + '_' + itemExtValueArray.key + '_' + itemExt.index].reloadItemParam([{ key: 'value', value: itemExtValueArray.value }]);
+                  for (var _iExtSub = 0; _iExtSub < subTbl.length; _iExtSub++) {
+                    if (subTbl[_iExtSub].subTblName === itemExt.key) {
+                      var _subTblData = subTbl[_iExtSub].subTblData;
+                      if (_subTblData.length > itemExt.index) {
+                        var _subTblItemData = _subTblData[itemExt.index];
+                        for (var _iExtSubDataItem = 0; _iExtSubDataItem < _subTblItemData.length; _iExtSubDataItem++) {
+                          if (itemExtValueArray.key === _subTblItemData[_iExtSubDataItem].key) {
+                            _subTblItemData[_iExtSubDataItem].value = itemExtValueArray.value;
+                          }
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          } else {
+            t.refs['sub_' + itemExt.key].reloadItemParam(itemExt.value);
+          }
+        }
+      });
+    });
+  }
+}

package/lib/tblform/formFieldProps.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+exports.buildFormFieldProps = buildFormFieldProps;
+exports.buildSubFormFieldProps = buildSubFormFieldProps;
+/**
+ * 纯表单场景下 Form / SubForm 的公共 props（数据来自 TblForm 内部 state）
+ */
+function buildFormFieldProps(t, formItem) {
+  var extra = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+  return _extends({
+    module: '',
+    formCode: t.state.formCode || '',
+    formKey: t.state.allForm ? t.state.allForm.formcode : undefined,
+    status: t.state.status,
+    form: formItem,
+    allForm: t.state.allForm,
+    formStyle: t.state.formStyleObj,
+    data: t.state.editFormData,
+    fieldControll: t.state.fieldControll,
+    isRemoveCommentFormHtml: '1',
+    commentField: '',
+    hasCommentField: '0',
+    formRelaFieldMaps: t.state.formRelaFieldMaps,
+    linkFields: t.state.linkFields,
+    operate: t.state.operate,
+    onChange: t.handleFormChange.bind(t),
+    reloadItemParam: t.reloadItemParam.bind(t)
+  }, extra);
+}
+
+function buildSubFormFieldProps(t, formItem) {
+  var extra = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+  var props = buildFormFieldProps(t, formItem, extra);
+  delete props.reloadItemParam;
+  return props;
+}