@lm_fe/components_m 0.1.201

package/dist/a_chunks/.root2.js

@@ -0,0 +1,980 @@
+import _readOnlyError from "@babel/runtime/helpers/readOnlyError";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _typeof from "@babel/runtime/helpers/typeof";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+import 'antd/es/col/style';
+import _Col from 'antd/es/col';
+import 'antd/es/row/style';
+import _Row from 'antd/es/row';
+import { b as styleInject, M as MyComponent, C as CustomIcon, _ as _extends, g as getRenderData, c as getFormData } from './index.js';
+import _cloneDeep from 'lodash/cloneDeep';
+import _get from 'lodash/get';
+import _isEmpty from 'lodash/isEmpty';
+import _isString from 'lodash/isString';
+import React, { Component, Suspense } from 'react';
+import 'antd/es/message/style';
+import _message from 'antd/es/message';
+import _set from 'lodash/set';
+import _map from 'lodash/map';
+import { mchcLogger, mchcEvent } from '@lm_fe/env';
+import _isObject from 'lodash/isObject';
+import _isNil from 'lodash/isNil';
+import _isArray from 'lodash/isArray';
+import _indexOf from 'lodash/indexOf';
+import _has from 'lodash/has';
+import classnames from 'classnames';
+import _isBoolean from 'lodash/isBoolean';
+import _isNumber from 'lodash/isNumber';
+import 'lodash/isFunction';
+import '@ant-design/icons';
+import 'antd/es/space/style';
+import 'antd/es/space';
+import 'antd/es/input/style';
+import 'antd/es/input';
+import 'antd/es/input-number/style';
+import 'antd/es/input-number';
+import 'lodash/compact';
+import '@lm_fe/components';
+import '@lm_fe/utils';
+import 'dayjs';
+import 'antd/es/checkbox/style';
+import 'antd/es/checkbox';
+import 'antd/es/divider/style';
+import 'antd/es/divider';
+import 'antd/es/button/style';
+import 'antd/es/button';
+import 'antd/es/switch/style';
+import 'antd/es/switch';
+import 'antd/es/form/style';
+import 'antd/es/form';
+import 'lodash/join';
+import 'lodash/isEqual';
+import 'lodash/identity';
+import '@lm_fe/service';
+import 'lodash/keys';
+import 'lodash/keyBy';
+import 'antd/es/tooltip/style';
+import 'antd/es/tooltip';
+import 'antd/es/spin/style';
+import 'antd/es/spin';
+import 'antd/es/modal/style';
+import 'antd/es/modal';
+import 'lodash/size';
+import 'lodash/includes';
+import 'lodash/forEach';
+import 'lodash/filter';
+import 'react-to-print';
+import 'lodash/concat';
+import 'lodash/reduce';
+import 'lodash/debounce';
+import 'lodash/pickBy';
+import 'antd/es/auto-complete/style';
+import 'antd/es/auto-complete';
+import 'lodash/nth';
+import 'lodash/assign';
+import 'antd/es/popover/style';
+import 'antd/es/popover';
+import 'antd/es/menu/style';
+import 'antd/es/menu';
+import 'store';
+import 'antd/es/popconfirm/style';
+import 'antd/es/popconfirm';
+import 'antd/es/radio/style';
+import 'antd/es/radio';
+import 'lodash/last';
+import 'lodash/toUpper';
+function createFormHandler(config, _ref) {
+  var submitChange = _ref.submitChange;
+  var formData = {};
+  var newRef = {};
+  var fieldsValueChange = function fieldsValueChange() {};
+  if (!Array.isArray(config)) {
+    _message.warning("expect array but ".concat(_typeof(config)));
+    console.log("expect array but ", config);
+    config = [];
+    // throw new Error(`expect array but ${typeof config}`);
+  }
+  /**
+   * @param {string} fieldName
+   * @param {string} eventName
+   * @param {function} cb
+   * fieldName:{
+   *   eventName:cb
+   * }
+   */
+  var eventCallBacks = {};
+  var formState = {
+    validateCode: false,
+    submitChange: submitChange
+  };
+  // c - config
+  var initField = function initField(config) {
+    var result = {};
+    _map(config, function (itemConfig) {
+      _set(result, _get(itemConfig, 'name'), {
+        actions: {}
+      });
+    });
+    return result;
+  };
+  var updateFormData = function updateFormData() {
+    Object.keys(formHandler).forEach(function (key) {
+      if (formHandler[key].actions) {
+        if (typeof formHandler[key].actions.getValue === 'function') {
+          formData = Object.assign(formData, _defineProperty({}, key, formHandler[key].actions.getValue()));
+        }
+      }
+    });
+  };
+  var submit = function submit() {
+    var keys = Object.keys(formHandler);
+    mchcLogger.log('formHandler submit', {
+      formHandler: formHandler,
+      keys: keys
+    });
+    var validCode = true;
+    keys.forEach(function (key) {
+      if (formHandler[key].actions) {
+        if (typeof formHandler[key].actions.getValue === 'function') {
+          formData = Object.assign(formData, _defineProperty({}, key, formHandler[key].actions.getValue()));
+        }
+        if (typeof formHandler[key].actions.valid === 'function') {
+          var result = formHandler[key].actions.valid();
+          if (!result && validCode) {
+            validCode = false;
+          }
+        }
+      }
+    });
+    return new Promise(function (resolve) {
+      resolve({
+        validCode: validCode,
+        res: formData
+      });
+    });
+  };
+  var reset = function reset() {
+    Object.keys(formHandler).forEach(function (key) {
+      if (formHandler[key].actions) {
+        if (formHandler[key].actions.reset) {
+          formHandler[key].actions.reset();
+        }
+      }
+    });
+  };
+  // TODO 所有的valid方法需要整改
+  var valid = function valid() {
+    var validCode = true;
+    var keyArr = Object.keys(formHandler);
+    for (var i = 0; i < keyArr.length; i++) {
+      if (formHandler[keyArr[i]].actions && typeof formHandler[keyArr[i]].actions.valid === 'function') {
+        if (!formHandler[keyArr[i]].actions.valid()) {
+          validCode = false;
+          break;
+        }
+      }
+    }
+    return validCode;
+  };
+  var subscribe = function subscribe(fieldName, eventName, cb) {
+    // if(fieldName in this || fieldName === "_global"){
+    // 这里使用this会导致subscribe传给组件后this丢失
+    if (fieldName in formHandler || fieldName === '_global') {
+      if (!eventCallBacks[fieldName]) {
+        eventCallBacks[fieldName] = {};
+      }
+      if (!eventCallBacks[fieldName][eventName]) {
+        eventCallBacks[fieldName][eventName] = [];
+      }
+      var flag = true;
+      var _iterator = _createForOfIteratorHelper(eventCallBacks[fieldName][eventName]),
+        _step;
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var event = _step.value;
+          // 判断传入的函数是否已存在
+          if (JSON.stringify(cb) === JSON.stringify(event)) {
+            flag = false;
+            break;
+          }
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+      if (flag) {
+        eventCallBacks[fieldName][eventName].push(cb);
+      }
+    }
+  };
+  var _dispatch = function dispatch(fieldName, eventName, args) {
+    formHandler.fieldChange = true;
+    updateFormData && updateFormData();
+    fieldsValueChange && fieldsValueChange(formData);
+    if (fieldName !== '_global' && submitChange) {
+      _dispatch('_global', 'change');
+      // return;
+    }
+    if (!Object.prototype.hasOwnProperty.call(eventCallBacks, fieldName)) {
+      // console.warn(`fieldName ${fieldName} not found in eventCallBacks Object`);
+      return;
+    }
+    var eventObject = eventCallBacks[fieldName];
+    var eventQueue = eventObject[eventName];
+    if (!eventQueue || eventQueue.length === 0) {
+      // console.warn(`fieldName ${eventName} not found in ${fieldName} Event Object || eventQueue's length is 0`);
+      return;
+    }
+    setTimeout(function () {
+      eventQueue.forEach(function (func) {
+        func(args);
+      });
+    }, 100);
+  };
+  var setMyRef = function setMyRef(fieldName, ref) {
+    // set(formHandler, `ref.${fieldName}`, ref);
+    newRef["".concat(fieldName)] = ref;
+  };
+  var getMyRef = function getMyRef(fieldName) {
+    return _get(formHandler, "ref.".concat(fieldName));
+  };
+  var getAllRef = function getAllRef() {
+    return _get(formHandler, "ref");
+  };
+  var cleanSubscriptions = function cleanSubscriptions() {
+    formHandler.eventCallBacks = {};
+  };
+  var listenFormData = function listenFormData(callback) {
+    fieldsValueChange = callback;
+  };
+  var formHandler = _objectSpread({}, initField(config));
+  formHandler.submit = submit;
+  formHandler.valid = valid;
+  formHandler.reset = reset;
+  formHandler.subscribe = subscribe;
+  formHandler.dispatch = _dispatch;
+  formHandler.cleanSubscriptions = cleanSubscriptions;
+  formHandler.formState = formState;
+  formHandler.formData = formData;
+  formHandler.listenFormData = listenFormData;
+  formHandler.uuid = Math.random();
+  formHandler.fieldChange = false; // 判断表单是否有修改
+  formHandler.setMyRef = setMyRef;
+  formHandler.getMyRef = getMyRef;
+  formHandler.getAllRef = getAllRef;
+  formHandler.ref = newRef;
+  return formHandler;
+}
+var css_248z$1 = ".custom-my-form {\n  width: 100%;\n  padding: 8px;\n  margin: 0 auto;\n}\n.custom-my-form #components-select-demo-search-box .code-box-demo .ant-select {\n  margin: 0 !important;\n}\n.custom-my-form .custom-my-form {\n  width: 100% !important;\n  padding: 0;\n}\n.custom-my-form .input-cover {\n  font-weight: 600;\n  color: #150f55;\n}\n";
+styleInject(css_248z$1);
+var css_248z = ".custom-my-form {\n  width: 100%;\n  padding: 8px;\n  margin: 0 auto;\n}\n.custom-my-form #components-select-demo-search-box .code-box-demo .ant-select {\n  margin: 0 !important;\n}\n.custom-my-form .custom-my-form {\n  width: 100% !important;\n  padding: 0;\n}\n.custom-my-form .input-cover {\n  font-weight: 600;\n  color: #150f55;\n}\n.form-item {\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n}\n.form-item .form-item-inline-label {\n  padding-left: 12px;\n  text-align: right;\n  color: #36316d;\n}\n.form-item .form-item-inline-label .label-unit {\n  margin-left: 3px;\n  font-style: none;\n  font-size: 10px;\n}\n.form-item .form-item-main {\n  flex: 1;\n}\n.form-item .form-item-main .ant-input-number {\n  width: 100%;\n}\n.form-item .form-item-main .check-box .checkox-with-extra .ant-checkbox {\n  top: 0;\n}\n.form-item .form-item-main-error {\n  transition: all 0.3s;\n}\n.form-item .form-item-main-error textarea,\n.form-item .form-item-main-error .ant-select-selector,\n.form-item .form-item-main-error .ant-picker,\n.form-item .form-item-main-error .ant-input,\n.form-item .form-item-main-error .ant-input-number-input,\n.form-item .form-item-main-error .ant-cascader-picker,\n.form-item .form-item-main-error .ant-radio-wrapper,\n.form-item .form-item-main-error .ant-checkbox-inner {\n  background: #fce7e7;\n  border: 1px solid red;\n}\n.form-item .form-item-main-warn textarea,\n.form-item .form-item-main-warn .ant-select-selector,\n.form-item .form-item-main-warn .ant-picker,\n.form-item .form-item-main-warn .ant-input,\n.form-item .form-item-main-warn .ant-input-number-input,\n.form-item .form-item-main-warn .ant-cascader-picker,\n.form-item .form-item-main-warn .ant-radio-wrapper,\n.form-item .form-item-main-warn .ant-checkbox-inner {\n  color: #ff517d;\n}\n.form-item .form-item-full-main {\n  width: 100%;\n  overflow-x: auto;\n}\n.form-item .form-item-unit {\n  padding-left: 5px;\n  text-align: left;\n}\n.form-item .form-item-required {\n  display: inline-block;\n  margin-right: 4px;\n  color: #ff4d4f;\n  font-size: 14px;\n  font-style: normal;\n  font-family: SimSun, sans-serif;\n  line-height: 1;\n}\n.form-item-header-label {\n  display: flex;\n  width: 100%;\n  height: 8px;\n  margin-bottom: 20px;\n  margin-top: 10px;\n}\n.form-item-header-label .form-item-header-label-before {\n  height: 10px;\n  width: 6px;\n  background-color: #1504e3;\n}\n.form-item-header-label .form-item-header-label-text {\n  width: 100%;\n  font-size: 15px;\n  padding-left: 8px;\n  position: relative;\n}\n.form-item-header-label .form-item-header-label-text > span {\n  position: absolute;\n  top: -6px;\n  left: 12px;\n  padding: 0 8px;\n  font-weight: 600;\n}\n.form-item-header-label .form-item-just-label span {\n  display: inline-block;\n  width: 130px;\n  text-align: right;\n  color: #36316d;\n  font-size: 15px;\n  padding-right: 10px;\n  background-color: #fff;\n}\n.form-item-error {\n  max-width: 200px;\n  text-align: left;\n  color: red;\n}\n";
+styleInject(css_248z);
+var validateRules = {
+  required: function required(val) {
+    return val !== undefined && val !== '' && val !== null;
+  },
+  number: function number(val) {
+    if (val === null || val === undefined) {
+      return true;
+    }
+    return /^\d*(\.\d+)?$/.test(val);
+  },
+  pureNumber: function pureNumber(val) {
+    return /^\d+$/.test(val);
+  },
+  chinaID: function chinaID(val) {
+    return /^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/.test(val);
+  },
+  telephone: function telephone(val) {
+    // return /^((\+|00)86)?((134\d{4})|((13[0-3|5-9]|14[1|5-9]|15[0-9]|16[2|5|6|7]|17[0-8]|18[0-9]|19[0-2|5-9])\d{8}))$/.test(val);
+    return /^((134\d{4})|((13[0-3|5-9]|14[1|5-9]|15[0-9]|16[2|5|6|7]|17[0-8]|18[0-9]|19[0-2|5-9])\d{8}))$/.test(val);
+  },
+  rang: function rang(val, min, max) {
+    var v = Number(val);
+    var minVal = Number(min);
+    var maxVal = Number(max);
+    if (minVal > v || maxVal < v) {
+      return false;
+    }
+    return true;
+  }
+};
+/**
+ *
+ * @param {any} data
+ * @param {string|object|RegExp|null} validate
+ * 输入规则
+ * 1.基本数据类型校验validate格式 string
+ * 2.引用数据类型校验validate格式 {}
+ * 3.若输入的rule类型和data类型不相同，报错但可通过校验
+ */
+var validFun = function validFun(data, validates) {
+  var label = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '该项';
+  for (var index = 0; index < validates.length; index++) {
+    var validate = validates[index];
+    if (_get(validate, 'required')) {
+      if (_isObject(data)) {
+        var allKeys = Object.keys(data);
+        data = data[allKeys[0]];
+      }
+      if (!data && !_isNumber(data) && !_isBoolean(data)) {
+        return _get(validate, 'message') || "".concat(label, " \u662F\u5FC5\u586B\u9879");
+      }
+    }
+    var ruleType = _get(validate, 'type');
+    if (ruleType === 'rang') {
+      var min = _get(validate, 'min');
+      var max = _get(validate, 'max');
+      if (_get(validateRules, ruleType) && !_get(validateRules, ruleType)(data, min, max)) {
+        return _get(validate, 'message') || "*".concat(label, " \u6709\u5F02\u5E38");
+      }
+    } else {
+      if (_get(validateRules, ruleType) && !_get(validateRules, ruleType)(data)) {
+        return _get(validate, 'message') || "*".concat(label, " \u6709\u5F02\u5E38");
+      }
+    }
+  }
+  return true;
+  // if (!validate) return '';
+  // let errorTip: any = '';
+  // // data 为 null时，typeof为object
+  // if (isString(validate) && (isBase(data) || !data)) {
+  //   const ruleArr = validate.split(SPLIT_KEY);
+  //   let isValid = true;
+  //   for (let i = 0; i < ruleArr.length; i++) {
+  //     const name = ruleArr[i].replace(/\(.*\)/, '');
+  //     const args = /\((.*)\)/.test(ruleArr[i]) && /\((.*)\)/.exec(ruleArr[i])[1];
+  //     isValid = validateRules[name](data, ...(args ? args.split(',') : []));
+  //     if (!isValid) {
+  //       errorTip = errorText[name];
+  //       break;
+  //     }
+  //   }
+  // } else if (isString(validate) && isObj(data)) {
+  //   const allKeys = Object.keys(data);
+  //   errorTip = validFun(data[allKeys[0]], validate);
+  // } else if (isObj(validate) && isObj(data)) {
+  //   errorTip = Object.assign({}, validate);
+  //   try {
+  //     Object.keys(validate).forEach((key: string) => {
+  //       errorTip[key] = '';
+  //       errorTip[key] = validFun(data[key], validate[key]);
+  //     });
+  //   } catch (e) {
+  //     console.error(e);
+  //   }
+  // } else if (isRegExp(validate) && (!isBase(data) || !data)) {
+  //   errorTip = validate.test(data) ? '' : `正则验证 ${validate} 不通过`;
+  // } else if (isObj(validate) && Array.isArray(data)) {
+  //   errorTip = data.map((v: any) => {
+  //     const obj = Object.assign({}, v);
+  //     Object.keys(obj).forEach((key: string) => {
+  //       obj[key] = '';
+  //     });
+  //     return obj;
+  //   });
+  //   for (let i = 0; i < errorTip.length; i++) {
+  //     errorTip[i] = validFun(data[i], validate);
+  //   }
+  //   console.log(errorTip);
+  // } else if (isFunction(validate)) {
+  //   errorTip = validate(data);
+  // } else {
+  //   console.error(`Type of validate is ${typeof validate}, but type of data is ${typeof data} `);
+  // }
+  // return errorTip;
+};
+function isRequired() {
+  var rules = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  for (var index = 0; index < rules.length; index++) {
+    var rule = rules[index];
+    if (_get(rule, 'required')) {
+      return true;
+    }
+  }
+  return false;
+}
+var FormItem = /*#__PURE__*/function (_Component) {
+  function FormItem(props) {
+    var _this;
+    _classCallCheck(this, FormItem);
+    _this = _callSuper(this, FormItem, [props]);
+    _defineProperty(_this, "setInitialVal", function () {
+      var _this$props = _this.props,
+        value = _this$props.value,
+        _this$props$validate = _this$props.validate,
+        validate = _this$props$validate === void 0 ? [] : _this$props$validate,
+        path = _this$props.path,
+        getActions = _this$props.getActions,
+        labelSign = _this$props.labelSign;
+      _this.setState({
+        value: value,
+        rules: validate || [],
+        path: path,
+        labelSign: labelSign
+      });
+      if (!!value && JSON.stringify(validate).indexOf('rang') !== -1) {
+        var validation = validFun(value, validate);
+        _this.updateError(validation);
+      }
+      getActions && getActions({
+        getValue: _this.getValue,
+        setValue: _this.setValue,
+        reset: _this.reset,
+        valid: _this.valid,
+        getValidate: _this.getRules,
+        setValidate: _this.setRules
+      });
+    });
+    // 获取组件内部的自己的验证方法
+    _defineProperty(_this, "getChildrenValid", function (func) {
+      if (func) {
+        _this.childrenValid = func;
+      }
+    });
+    // 承载组件的验证方法 - 相当于一个别名/引用
+    _defineProperty(_this, "childrenValid", function () {
+      return true;
+    });
+    _defineProperty(_this, "handleClick", function (value) {
+      var _this$props2 = _this.props,
+        name = _this$props2.name,
+        dispatch = _this$props2.dispatch;
+      dispatch(name, 'click', value);
+    });
+    _defineProperty(_this, "handleChange", function (value) {
+      var error = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+      var _this$props3 = _this.props,
+        name = _this$props3.name,
+        dispatch = _this$props3.dispatch,
+        hidden = _this$props3.hidden,
+        formHandler = _this$props3.formHandler;
+      mchcLogger.log('onChange', name, value);
+      if (hidden) return;
+      var rules = _this.state.rules;
+      _this.setState({
+        value: value
+      });
+      if (name) {
+        var _formHandler$submit;
+        dispatch(name, 'change', value);
+        formHandler === null || formHandler === void 0 || (_formHandler$submit = formHandler.submit) === null || _formHandler$submit === void 0 || _formHandler$submit.call(formHandler).then(function (r) {
+          mchcEvent.emit('my_form', {
+            type: 'onChange',
+            value: value,
+            name: name,
+            values: r,
+            config: _this.props.config,
+            setValue: function setValue(name, value) {
+              var _formHandler$name;
+              (_formHandler$name = formHandler[name]) === null || _formHandler$name === void 0 || (_formHandler$name = _formHandler$name.actions) === null || _formHandler$name === void 0 || _formHandler$name.setValue(value);
+            }
+          });
+        });
+      }
+      var validation = validFun(value, rules);
+      _this.updateError(validation);
+    });
+    // 这个dispatch默认会使用本组件渲染的路径
+    _defineProperty(_this, "handleDispatch", function (eventName, args) {
+      var _this$props4 = _this.props,
+        name = _this$props4.name,
+        dispatch = _this$props4.dispatch;
+      dispatch(name, eventName, args);
+    });
+    // 渲染必填项标志
+    _defineProperty(_this, "renderAsterisk", function () {
+      var rules = _this.state.rules;
+      for (var index = 0; index < rules.length; index++) {
+        var rule = rules[index];
+        if (_get(rule, 'required')) {
+          return /*#__PURE__*/React.createElement("i", {
+            className: "form-item-required"
+          }, "*");
+        }
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null);
+    });
+    _defineProperty(_this, "getValue", function () {
+      var _this$state = _this.state,
+        value = _this$state.value,
+        path = _this$state.path,
+        labelSign = _this$state.labelSign;
+      var _this$props5 = _this.props,
+        name = _this$props5.name,
+        input_props = _this$props5.input_props;
+      if (_has(input_props, 'labelSign')) {
+        return _defineProperty({
+          value: value,
+          path: path
+        }, "".concat(name, "Sign"), labelSign);
+      } else {
+        return {
+          value: value,
+          path: path
+        };
+      }
+    });
+    _defineProperty(_this, "setValue", function (value) {
+      _this.setState({
+        value: value
+      });
+    });
+    _defineProperty(_this, "getRules", function () {
+      return _this.state.rules;
+    });
+    _defineProperty(_this, "setRules", function (rules) {
+      _this.setState({
+        rules: rules
+      });
+    });
+    _defineProperty(_this, "reset", function () {
+      var hidden = _this.props.hidden;
+      var value = _this.state.value;
+      if (!hidden) {
+        if (_isObject(value)) {
+          _this.setState({
+            value: {}
+          });
+        } else if (_isArray(value)) {
+          _this.setState({
+            value: []
+          });
+        } else {
+          _this.setState({
+            value: null
+          });
+        }
+      }
+    });
+    _defineProperty(_this, "updateError", function (validation) {
+      _this.setState({
+        error: validation === true ? !validation : validation
+      });
+    });
+    _defineProperty(_this, "valid", function () {
+      var _this$state2 = _this.state,
+        value = _this$state2.value,
+        rules = _this$state2.rules;
+      var label = _this.props.label;
+      var validation = validFun(value, rules, label);
+      _this.updateError(validation);
+      if (validation === true) {
+        return true;
+      }
+      if (_indexOf(validation, '*') > -1 || _isNil(validation)) return true;
+      return false;
+    });
+    _defineProperty(_this, "validError", function () {
+      var error = _this.state.error;
+      if (error === '') {
+        return false;
+      }
+      return _isString(error) && !/\*/.test(error);
+    });
+    _this.state = {
+      value: '',
+      error: false,
+      path: '',
+      rules: [],
+      labelSign: false
+    };
+    return _this;
+  }
+  _inherits(FormItem, _Component);
+  return _createClass(FormItem, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      this.setInitialVal();
+    }
+    // 外部页面更新引发
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps) {
+      if (JSON.stringify(this.props) !== JSON.stringify(prevProps)) {
+        this.setInitialVal();
+      }
+    }
+  }, {
+    key: "handleOnFocus",
+    value: function handleOnFocus(value) {
+      var _this$props6 = this.props,
+        name = _this$props6.name,
+        dispatch = _this$props6.dispatch;
+      dispatch(name, 'focus', value);
+    }
+  }, {
+    key: "handleOnBlurs",
+    value: function handleOnBlurs(value) {
+      var _this$props7 = this.props,
+        name = _this$props7.name,
+        dispatch = _this$props7.dispatch;
+      dispatch(name, 'blur', value);
+    }
+  }, {
+    key: "setMyRef",
+    value: function setMyRef(ref) {
+      var _this$props8 = this.props,
+        name = _this$props8.name,
+        setMyRef = _this$props8.setMyRef;
+      setMyRef && setMyRef(name, ref);
+    }
+  }, {
+    key: "handleIconSign",
+    value: function handleIconSign() {
+      var _this$props9 = this.props,
+        name = _this$props9.name,
+        dispatch = _this$props9.dispatch,
+        hidden = _this$props9.hidden;
+      var labelSign = this.state.labelSign;
+      this.setState({
+        labelSign: !labelSign
+      });
+      if (name) {
+        dispatch("".concat(name, "Sign"), 'change', !labelSign);
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _id, _id2;
+      var _this$props10 = this.props,
+        name = _this$props10.name,
+        subscribe = _this$props10.subscribe,
+        type = _this$props10.type,
+        label = _this$props10.label,
+        input_props = _this$props10.input_props,
+        unit = _this$props10.unit,
+        header_label = _this$props10.header_label,
+        just_header = _this$props10.just_header,
+        disabled_all = _this$props10.disabled_all,
+        allValue = _this$props10.allValue,
+        thisConfig = _this$props10.thisConfig;
+      var _this$state3 = this.state,
+        value = _this$state3.value,
+        error = _this$state3.error,
+        rules = _this$state3.rules,
+        labelSign = _this$state3.labelSign;
+      var required = isRequired(rules);
+      var C = MyComponent[type];
+      var safe_input_props = input_props !== null && input_props !== void 0 ? input_props : {};
+      var disabled = safe_input_props.disabled || disabled_all;
+      // id转化
+      var id = name;
+      if ((_id = id) !== null && _id !== void 0 && _id.includes('.') || (_id2 = id) !== null && _id2 !== void 0 && _id2.includes('(Note)')) {
+        var re = id.replace('(Note)', '');
+        var reArr = re.split('.');
+        id = reArr.join('-');
+      }
+      return /*#__PURE__*/React.createElement(React.Fragment, null, label !== '' && header_label ? /*#__PURE__*/React.createElement("div", {
+        className: "form-item-header-label"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: type === 'label' ? 'form-item-just-label' : 'form-item-header-label-text'
+      }, /*#__PURE__*/React.createElement("span", null, type === 'label' ? "".concat(label) : label))) : null, !just_header ? /*#__PURE__*/React.createElement("div", {
+        id: id,
+        className: "ant-form-item form-item"
+      }, !_isEmpty(label) && (!header_label || type.indexOf('custom') === -1) ? /*#__PURE__*/React.createElement("div", {
+        className: "ant-form-item-label form-item-inline-label"
+      }, !_isEmpty(_get(input_props, 'labelSign')) && _get(input_props, 'labelSign.type') == 'iconfont' && /*#__PURE__*/React.createElement(CustomIcon, {
+        type: _get(input_props, 'labelSign.value'),
+        className: classnames('iconfont', {
+          'icon-sign': labelSign
+        }),
+        onClick: this.handleIconSign.bind(this)
+      }), /*#__PURE__*/React.createElement("label", {
+        className: classnames({
+          'ant-form-item-required': required
+        })
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "label-words"
+      }, label), unit && /*#__PURE__*/React.createElement("span", {
+        className: "label-unit"
+      }, "(", unit, ")"), __DEV__ && thisConfig.id ? /*#__PURE__*/React.createElement("sup", {
+        className: "label-unit"
+      }, thisConfig.id) : null)) : null, /*#__PURE__*/React.createElement("div", {
+        style: {
+          display: 'flex',
+          alignItems: 'center'
+        },
+        className: classnames({
+          'form-item-full-main': header_label,
+          'form-item-main': !header_label,
+          // 填写错误，无法提交
+          'form-item-main-error': this.validError(),
+          // 异常警告，但仍可以提交
+          'form-item-main-warn': /\*/.test(error)
+        })
+      }, C ? /*#__PURE__*/React.createElement("div", {
+        style: {
+          flex: 1
+        }
+      }, /*#__PURE__*/React.createElement(C, _extends({
+        config: this.props.config
+      }, safe_input_props, {
+        allValue: allValue,
+        disabled: disabled,
+        onClick: this.handleClick,
+        onChange: this.handleChange,
+        dispatch: this.handleDispatch,
+        onFocus: this.handleOnFocus.bind(this),
+        onBlur: this.handleOnBlurs.bind(this),
+        setMyRef: this.setMyRef.bind(this)
+        // subscribe仅在一些 业务组件/内嵌表单组件 中使用
+        ,
+
+        myForm: true,
+        subscribe: subscribe,
+        name: name,
+        value: value,
+        input_props: _objectSpread(_objectSpread({}, safe_input_props), {}, {
+          disabled: disabled
+        }),
+        error: error,
+        getValidFun: this.getChildrenValid,
+        validate: rules,
+        label: "".concat(label),
+        unit: unit
+      }))) : /*#__PURE__*/React.createElement("strong", null, "\u7EC4\u4EF6", type, "\u4E0D\u5B58\u5728"))) : null);
+    }
+  }]);
+}(Component); // const FormItem = lazy(() => import('./formItem'));
+var defaultGutterConfig = {
+  gutter: [0, 0],
+  // px
+  justify: 'start'
+};
+var MyForm = /*#__PURE__*/function (_Component2) {
+  function MyForm(props) {
+    var _this2;
+    _classCallCheck(this, MyForm);
+    _this2 = _callSuper(this, MyForm, [props]);
+    _defineProperty(_this2, "renderForm", function () {
+      var _this2$state$myConfig;
+      var config = (_this2$state$myConfig = _this2.state.myConfig) !== null && _this2$state$myConfig !== void 0 ? _this2$state$myConfig : [];
+      var formHandler = _this2.state.formHandler;
+      var gridConfig = defaultGutterConfig;
+      var count = 0; // 计算占比
+      var row = 0;
+      var formDom = [];
+      var spanArr = [];
+      var _loop = function _loop() {
+        var _config$i = config[i],
+          _config$i$span = _config$i.span,
+          span = _config$i$span === void 0 ? 24 : _config$i$span,
+          _config$i$offset = _config$i.offset,
+          offset = _config$i$offset === void 0 ? 0 : _config$i$offset;
+        var thisConfig = config[i];
+        var _thisConfig$label = thisConfig.label,
+          label = _thisConfig$label === void 0 ? '' : _thisConfig$label,
+          _thisConfig$unit = thisConfig.unit,
+          unit = _thisConfig$unit === void 0 ? '' : _thisConfig$unit,
+          _thisConfig$input_pro = thisConfig.input_props,
+          input_props = _thisConfig$input_pro === void 0 ? {} : _thisConfig$input_pro,
+          _thisConfig$rules = thisConfig.rules,
+          rules = _thisConfig$rules === void 0 ? [] : _thisConfig$rules,
+          _thisConfig$key = thisConfig.key,
+          key = _thisConfig$key === void 0 ? '' : _thisConfig$key,
+          _thisConfig$is_new_ro = thisConfig.is_new_row,
+          is_new_row = _thisConfig$is_new_ro === void 0 ? false : _thisConfig$is_new_ro,
+          _thisConfig$name = thisConfig.name,
+          name = _thisConfig$name === void 0 ? '' : _thisConfig$name,
+          _thisConfig$header_la = thisConfig.header_label,
+          header_label = _thisConfig$header_la === void 0 ? false : _thisConfig$header_la,
+          _thisConfig$hidden = thisConfig.hidden,
+          hidden = _thisConfig$hidden === void 0 ? false : _thisConfig$hidden,
+          _thisConfig$just_head = thisConfig.just_header,
+          just_header = _thisConfig$just_head === void 0 ? false : _thisConfig$just_head,
+          _thisConfig$className = thisConfig.className,
+          className = _thisConfig$className === void 0 ? '' : _thisConfig$className,
+          isActive = thisConfig.isActive;
+        var getParseJson = function getParseJson(str) {
+          try {
+            var obj = JSON.parse(str);
+            return obj;
+          } catch (_unused) {
+            return str;
+          }
+        };
+        var resetIsNewRow = _get(config[i], 'isNewRow') || is_new_row ? true : false;
+        var resetHidden = hidden || isActive === 0 ? true : false;
+        var resetName = _isEmpty(name) && key ? key.substr(1) : name;
+        var resetInputType = _get(config[i], 'inputType') ? _get(config[i], 'inputType') : config[i].input_type;
+        var resetInputProps = _get(config[i], 'inputProps') ? getParseJson(_get(config[i], 'inputProps')) : input_props;
+        var resetRules = _isString(rules) ? getParseJson(rules) : rules;
+        var resetUnit = _get(resetInputProps, 'unit') ? _get(resetInputProps, 'unit') : unit;
+        var resetHeaderLabel = _get(resetInputProps, 'header_label') ? _get(resetInputProps, 'header_label') : header_label;
+        var resetJustHeader = _get(resetInputProps, 'just_header') ? _get(resetInputProps, 'just_header') : just_header;
+        // console.log(config[i], get(resetInputProps, 'unit'), '554');
+        // console.log(config[i].inputProps, key, typeof getParseJson(config[i].inputProps));
+        if (!resetHidden) {
+          count += span + offset;
+        }
+        if (count > 24 || resetIsNewRow) {
+          formDom.push(/*#__PURE__*/React.createElement(_Row, _extends({
+            key: "row-".concat(row)
+          }, gridConfig), spanArr));
+          spanArr = [];
+          // 计算上一行换行的offset数量
+          // prevOffset = 24 - count + (span + offset);
+          // 减去上一行换行所用offset
+          count = span + offset;
+          row += 1;
+        }
+        spanArr.push(/*#__PURE__*/React.createElement(_Col, {
+          span: resetHidden ? 0 : span,
+          offset: resetHidden ? 0 : offset,
+          key: "".concat(config[i].key, "|row-").concat(row, "|span-").concat(count)
+        }, /*#__PURE__*/React.createElement(FormItem, {
+          thisConfig: thisConfig,
+          disabled_all: _this2.props.disabled_all,
+          config: config,
+          formHandler: formHandler,
+          dispatch: formHandler.dispatch,
+          subscribe: formHandler.subscribe
+          // setMyRef={formHandler.setMyRef}
+          ,
+
+          setMyRef: _this2.props.setRef,
+          value: config[i].value,
+          allValue: _this2.props.value,
+          labelSign: _get(config, "".concat(i, ".labelSign")),
+          type: resetInputType,
+          label: label,
+          header_label: resetHeaderLabel,
+          just_header: resetJustHeader,
+          unit: resetUnit,
+          input_props: resetInputProps,
+          validate: resetRules,
+          path: key,
+          name: resetName,
+          hidden: resetHidden,
+          className: className,
+          getActions: function getActions(functions) {
+            return _this2.handlerGetActions(resetName, functions);
+          }
+        })));
+      };
+      for (var i = 0; i < config.length; i++) {
+        _loop();
+      }
+      if (spanArr) {
+        formDom.push(/*#__PURE__*/React.createElement(_Row, _extends({
+          key: "row-".concat(row)
+        }, gridConfig), spanArr));
+      }
+      return formDom;
+    });
+    _defineProperty(_this2, "handlerGetActions", function (name, actions) {
+      var formHandler = _this2.state.formHandler;
+      if (!formHandler[name] || !formHandler[name].actions) {
+        formHandler[name] = {};
+        formHandler[name].actions = {};
+      }
+      formHandler[name].actions = actions;
+      _this2.setState({
+        formHandler: formHandler
+      });
+    });
+    _this2.state = {
+      formHandler: {},
+      myConfig: []
+    };
+    return _this2;
+  }
+  _inherits(MyForm, _Component2);
+  return _createClass(MyForm, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      var _this3 = this;
+      var _this$props11 = this.props,
+        getFormHandler = _this$props11.getFormHandler,
+        config = _this$props11.config,
+        value = _this$props11.value,
+        submitChange = _this$props11.submitChange;
+      /*key值加上‘.’*/
+      var cloneConfig = _cloneDeep(config);
+      if (!_isEmpty(cloneConfig)) {
+        cloneConfig.forEach(function (item) {
+          var _item$rawKey;
+          var key = item.key;
+          item.rawKey = (_item$rawKey = item.rawKey) !== null && _item$rawKey !== void 0 ? _item$rawKey : key;
+          item.key = key !== null && key !== void 0 && key.startsWith('.') ? key : ".".concat(key);
+        });
+      }
+      this.setState({
+        myConfig: getRenderData(cloneConfig, value),
+        formHandler: createFormHandler(getRenderData(cloneConfig, value), {
+          submitChange: submitChange
+        })
+      }, function () {
+        if (getFormHandler) {
+          getFormHandler(_this3.state.formHandler);
+        }
+      });
+    }
+    // 没有新建formHandler 只是增加了其中的键值
+  }, {
+    key: "componentDidUpdate",
+    value: function componentDidUpdate(prevProps, prevState) {
+      var _this$props12 = this.props,
+        getFormHandler = _this$props12.getFormHandler,
+        config = _this$props12.config,
+        value = _this$props12.value,
+        submitChange = _this$props12.submitChange;
+      /*key值加上‘.’*/
+      var cloneConfig = _cloneDeep(config);
+      if (!_isEmpty(cloneConfig)) {
+        cloneConfig.forEach(function (item) {
+          var _item$rawKey2;
+          var key = item.key;
+          item.rawKey = (_item$rawKey2 = item.rawKey) !== null && _item$rawKey2 !== void 0 ? _item$rawKey2 : key;
+          item.key = key && key.startsWith('.') ? key : ".".concat(key);
+        });
+      }
+      if (!config) return;
+      // 数据不同
+      if (JSON.stringify(this.props.value) !== JSON.stringify(prevProps.value)) {
+        this.setState({
+          myConfig: getRenderData(cloneConfig, value)
+        });
+      }
+      // 配置不同
+      if (JSON.stringify(this.props.config) !== JSON.stringify(prevProps.config)) {
+        var formData = getFormData(_get(this.state.formHandler, 'formData'));
+        var currentValue = _isEmpty(formData) ? value : formData;
+        this.setState({
+          myConfig: getRenderData(cloneConfig, currentValue),
+          formHandler: createFormHandler(getRenderData(cloneConfig, currentValue), {
+            submitChange: submitChange
+          })
+        });
+      }
+      if (JSON.stringify(prevState.formHandler.uuid) !== JSON.stringify(this.state.formHandler.uuid)) {
+        if (getFormHandler) {
+          getFormHandler(this.state.formHandler);
+        }
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/React.createElement(Suspense, null, /*#__PURE__*/React.createElement("div", {
+        className: "custom-my-form"
+      }, this.renderForm()));
+    }
+  }]);
+}(Component);
+export { MyForm as default };
+//# sourceMappingURL=.root2.js.map