@hi-ui/hiui 3.9.0-rc.8 → 4.0.0-beta.1

package/es/form/Form.js

@@ -1,425 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _FormReducer = _interopRequireWildcard(require("./FormReducer"));
-
-var _FormContext = _interopRequireDefault(require("./FormContext"));
-
-var _utils = require("./utils");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var getClassNames = function getClassNames(props) {
-  var labelPlacement = props.labelPlacement,
-      labelPosition = props.labelPosition,
-      placement = props.placement,
-      inline = props.inline,
-      readOnly = props.readOnly;
-  var _className = {};
-
-  if (labelPlacement || labelPosition) {
-    _className["hi-form--label--".concat(labelPlacement || labelPosition)] = true;
-  }
-
-  if (placement === 'horizontal' || inline) {
-    _className["hi-form--inline"] = true;
-  }
-
-  _className["hi-form--readOnly"] = readOnly;
-  return _className;
-};
-
-var InternalForm = function InternalForm(props) {
-  var children = props.children,
-      className = props.className,
-      style = props.style,
-      _props$innerRef = props.innerRef,
-      formRef = _props$innerRef === void 0 ? (0, _react.useRef)() : _props$innerRef,
-      initialValues = props.initialValues,
-      onValuesChange = props.onValuesChange,
-      updateFormSchema = props.updateFormSchema,
-      _type = props._type;
-
-  var _Immutable = (0, _react.useRef)(new _FormReducer["default"]());
-
-  var _useReducer = (0, _react.useReducer)(_Immutable.current.FormReducer, _objectSpread({
-    fields: [],
-    listNames: [],
-    listValues: {}
-  }, props)),
-      _useReducer2 = (0, _slicedToArray2["default"])(_useReducer, 2),
-      state = _useReducer2[0],
-      dispatch = _useReducer2[1];
-
-  var _Immutable$current$cu = _Immutable.current.currentState(),
-      fields = _Immutable$current$cu.fields,
-      listNames = _Immutable$current$cu.listNames,
-      listValues = _Immutable$current$cu.listValues; // 用户手动设置表单数据
-
-
-  var setFieldsValue = (0, _react.useCallback)(function () {
-    var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var listcoordinate = arguments.length > 1 ? arguments[1] : undefined;
-
-    var _values = _lodash["default"].cloneDeep(values);
-
-    var _fields = _Immutable.current.currentStateFields();
-
-    var _Immutable$current$cu2 = _Immutable.current.currentState(),
-        listNames = _Immutable$current$cu2.listNames;
-
-    _fields.forEach(function (item) {
-      var realField = item.realField; // eslint-disable-next-line no-prototype-builtins
-
-      if (_values.hasOwnProperty(realField)) {
-        var value = values[realField];
-        item.value = value;
-        item.setValue(value);
-      }
-    });
-
-    _Immutable.current.setState({
-      type: _FormReducer.FILEDS_UPDATE,
-      payload: _fields.filter(function (item) {
-        return item._type !== 'list';
-      })
-    }); // 处理 list value
-
-
-    Object.keys(_values).forEach(function (key) {
-      if (listNames.includes(key)) {
-        _Immutable.current.setState({
-          type: _FormReducer.FILEDS_REMOVE_LIST,
-          payload: key
-        });
-
-        _Immutable.current.setState({
-          type: _FormReducer.FILEDS_UPDATE_LIST,
-          payload: (0, _defineProperty2["default"])({}, key, _values[key])
-        });
-      }
-    });
-    dispatch({
-      type: _FormReducer.FILEDS_UPDATE_STATE
-    });
-  }, [fields, listValues, listNames, _Immutable]); // 更新指定listItem的值
-
-  var setListItemFieldsValue = (0, _react.useCallback)(function () {
-    var listcoordinate = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-
-    var _fields = _Immutable.current.currentStateFields();
-
-    if (listcoordinate && listcoordinate.length) {
-      listcoordinate.forEach(function (coordinate) {
-        _fields.forEach(function (item) {
-          var name = item.name,
-              row = item.row,
-              listname = item.listname,
-              setValue = item.setValue,
-              updateField = item.updateField;
-          var updateName = coordinate.name,
-              updateListName = coordinate.listname,
-              updateRow = coordinate.row,
-              value = coordinate.value;
-
-          if (updateListName === listname && name === updateName && row === updateRow) {
-            setValue(value);
-            updateField(value);
-          }
-        });
-      });
-    }
-  }, [fields]); // 转换值的输出
-
-  var internalValuesChange = (0, _react.useCallback)(function (changeValues, allValues) {
-    var fields = _Immutable.current.currentStateFields();
-
-    var _transformValues = (0, _utils.transformValues)(allValues, fields);
-
-    var _changeValues = _lodash["default"].cloneDeep(changeValues);
-
-    Object.keys(changeValues).forEach(function (changeValuesKey) {
-      fields.forEach(function (filedItem) {
-        var field = filedItem.field,
-            realField = filedItem.realField,
-            _type = filedItem._type,
-            listname = filedItem.listname; // bugfix: https://github.com/XiaoMi/hiui/issues/2077
-
-        if (_type === 'SchemaForm' && field === changeValuesKey) {
-          _changeValues[realField] = _transformValues[realField];
-          delete _changeValues[changeValuesKey];
-        } else if (realField === changeValuesKey && _type === 'list') {
-          _changeValues[listname] = _transformValues[listname];
-          delete _changeValues[changeValuesKey];
-        }
-      });
-    });
-    onValuesChange && onValuesChange(_changeValues, _transformValues);
-  }, [onValuesChange, fields]); // 移除表单项的校验结果
-
-  var clearValidates = (0, _react.useCallback)(function (resetNames) {
-    var _fields = _Immutable.current.currentStateFields();
-
-    _fields = _fields.filter(function (childrenField) {
-      return Array.isArray(resetNames) ? resetNames.includes(childrenField.realField) : true;
-    });
-
-    _fields.forEach(function (item) {
-      item.clearValidate();
-    });
-  }, [_Immutable]); // 重置校验
-
-  var resetValidates = (0, _react.useCallback)(function (cb, resetNames, toDefault) {
-    var changeValues = {};
-    var allValues = {};
-
-    var _fields = _Immutable.current.currentStateFields();
-
-    var _Immutable$current$cu3 = _Immutable.current.currentState(),
-        listNames = _Immutable$current$cu3.listNames,
-        listValues = _Immutable$current$cu3.listValues;
-
-    _fields = _fields.filter(function (childrenField) {
-      return Array.isArray(resetNames) ? resetNames.includes(childrenField.realField) : true;
-    });
-
-    _fields.forEach(function (item) {
-      var realField = item.realField,
-          listname = item.listname;
-      var changeFieldkey = listname || realField;
-      var isToDefault = toDefault && initialValues && typeof initialValues[changeFieldkey] !== 'undefined';
-      var value = isToDefault ? initialValues[realField] : '';
-      var changeFieldVal = isToDefault ? initialValues[changeFieldkey] : '';
-      changeValues[changeFieldkey] = changeFieldVal;
-      allValues[changeFieldVal] = value;
-      item.value = value;
-      item.setValue(value);
-      item.resetValidate(value);
-    });
-
-    _Immutable.current.setState({
-      type: _FormReducer.FILEDS_UPDATE,
-      payload: _fields.filter(function (item) {
-        return item._type !== 'list';
-      })
-    }); // 处理 list value
-
-
-    Object.keys(initialValues || {}).forEach(function (key) {
-      if (listNames.includes(key)) {
-        _Immutable.current.setState({
-          type: _FormReducer.FILEDS_REMOVE_LIST,
-          payload: key
-        });
-
-        _Immutable.current.setState({
-          type: _FormReducer.FILEDS_UPDATE_LIST,
-          payload: Object.assign({}, _objectSpread({}, listValues), (0, _defineProperty2["default"])({}, key, initialValues[key]))
-        });
-      }
-    });
-    dispatch({
-      type: _FormReducer.FILEDS_UPDATE_STATE
-    });
-    cb instanceof Function && cb(); // 比较耗性能
-
-    onValuesChange && onValuesChange(changeValues, changeValues);
-  }, [fields, initialValues, onValuesChange, internalValuesChange, listNames, _Immutable]);
-  var validate = (0, _react.useCallback)(
-  /**
-   * 对整个表单进行校验
-   * @param {Function} cb callback: (fields: Object, errors: Object) => void
-   * @param {Array} validateNames fields:Array
-   * @param {Boolean} showError 静默检验，是否在界面中展示错误信息
-   */
-  function (cb, validateNames) {
-    var showError = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    var values = {};
-    var errors = {};
-
-    var fields = _lodash["default"].cloneDeep(_Immutable.current.currentStateFields());
-
-    if (fields.length === 0 && cb) {
-      cb(values, errors);
-      return;
-    }
-
-    var _fields = fields.filter(function (fieldChild) {
-      var realField = fieldChild.realField,
-          value = fieldChild.value;
-      values[realField] = value;
-      return Array.isArray(validateNames) ? validateNames.includes(realField) : true;
-    });
-
-    _fields.forEach(function (fieldChild) {
-      var value = fieldChild.value,
-          realField = fieldChild.realField; // 对指定的字段进行校验  其他字段过滤不校验
-
-      fieldChild.validate('', function (error) {
-        if (error) {
-          var errorsMsg = error.map(function (err) {
-            return err.message;
-          });
-          errors[realField] = {
-            errors: errorsMsg
-          };
-        }
-      }, value, showError);
-    });
-
-    errors = Object.keys(errors).length === 0 ? null : errors;
-    cb && cb((0, _utils.transformValues)(values, _fields), errors);
-  }, [fields, _Immutable]); // 错误信息 不触发校验
-
-  var getFieldsError = (0, _react.useCallback)(function (validateNames) {
-    var errors = {};
-
-    var fields = _lodash["default"].cloneDeep(_Immutable.current.currentStateFields());
-
-    var _fields = fields.filter(function (fieldChild) {
-      var realField = fieldChild.realField;
-      return Array.isArray(validateNames) ? validateNames.includes(realField) : true;
-    });
-
-    _fields.forEach(function (fieldChild) {
-      var realField = fieldChild.realField,
-          value = fieldChild.value; // 对指定的字段进行校验  其他字段过滤不校验
-
-      fieldChild.validate('', function (error) {
-        if (error) {
-          var errorsMsg = error.map(function (err) {
-            return err.message;
-          });
-          errors[realField] = {
-            errors: errorsMsg
-          };
-        }
-      }, value, false);
-    });
-
-    return Object.keys(errors).length === 0 ? null : errors;
-  }, [fields, _Immutable]); // 静态获取表单数据，不触发数据校验
-
-  var getFieldsValue = (0, _react.useCallback)(function (validateNames) {
-    var values = {};
-
-    var fields = _lodash["default"].cloneDeep(_Immutable.current.currentStateFields());
-
-    if (fields.length === 0) {
-      return;
-    }
-
-    fields.filter(function (fieldChild) {
-      var realField = fieldChild.realField;
-      return Array.isArray(validateNames) ? validateNames.includes(realField) : true;
-    }).forEach(function (item) {
-      var realField = item.realField,
-          value = item.value;
-      values[realField] = value;
-    });
-    return (0, _utils.transformValues)(values, fields);
-  }, [fields, _Immutable]);
-  var validateField = (0, _react.useCallback)(function (key, cb) {
-    var value;
-
-    var fields = _lodash["default"].cloneDeep(_Immutable.current.currentStateFields());
-
-    var field = fields.filter(function (fieldChild) {
-      if (fieldChild.realField === key) {
-        value = fieldChild.value;
-        return true;
-      }
-    })[0];
-
-    if (!field) {
-      throw new Error('must call validate Field with valid key string!');
-    }
-
-    field.validate('', function (error) {
-      cb && cb(error);
-    }, value);
-  }, [fields, _Immutable]);
-  (0, _react.useImperativeHandle)(formRef, function () {
-    return {
-      resetValidates: resetValidates,
-      validateField: validateField,
-      validate: validate,
-      setFieldsValue: setFieldsValue,
-      getFieldsValue: getFieldsValue,
-      clearValidates: clearValidates,
-      getFieldsError: getFieldsError,
-      updateFormSchema: updateFormSchema,
-      setListItemFieldsValue: setListItemFieldsValue
-    };
-  });
-  return /*#__PURE__*/_react["default"].createElement("form", {
-    className: (0, _classnames["default"])('hi-form', className, getClassNames(props)),
-    style: style,
-    onSubmit: function onSubmit(e) {
-      // 阻止只有一个表单时候；回车会触发form的提交操作
-      e.preventDefault();
-      return false;
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_FormContext["default"].Provider, {
-    value: {
-      formProps: props,
-      formState: state,
-      dispatch: dispatch,
-      fields: fields,
-      validate: validate,
-      resetValidates: resetValidates,
-      internalValuesChange: internalValuesChange,
-      initialValues: initialValues,
-      _Immutable: _Immutable,
-      _type: _type
-    }
-  }, children));
-};
-
-InternalForm.propTypes = {
-  rules: _propTypes["default"].object,
-  labelPlacement: _propTypes["default"].oneOf(['right', 'left', 'top']),
-  labelPosition: _propTypes["default"].oneOf(['right', 'left', 'top']),
-  labWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  placement: _propTypes["default"].oneOf(['horizontal', 'vertical']),
-  inline: _propTypes["default"].bool,
-  onSubmit: _propTypes["default"].func,
-  showColon: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  style: _propTypes["default"].object
-};
-InternalForm.defaultProps = {
-  size: 'small',
-  showColon: true
-};
-var Form = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  return /*#__PURE__*/_react["default"].createElement(InternalForm, (0, _extends2["default"])({}, props, {
-    innerRef: ref
-  }));
-});
-var _default = Form;
-exports["default"] = _default;

package/es/form/FormContext.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var FormContext = /*#__PURE__*/_react["default"].createContext({});
-
-var _default = FormContext;
-exports["default"] = _default;

package/es/form/FormReducer.js

@@ -1,144 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.FILEDS_UPDATE_STATE = exports.FILEDS_REMOVE_LIST = exports.FILEDS_UPDATE_LIST = exports.FILEDS_INIT_LIST = exports.FILEDS_REMOVE = exports.FILEDS_UPDATE_VALUE = exports.FILEDS_UPDATE = exports.FILEDS_INIT = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-/* eslint-disable no-case-declarations */
-var FILEDS_INIT = 'FILEDS_INIT';
-exports.FILEDS_INIT = FILEDS_INIT;
-var FILEDS_UPDATE = 'FILEDS_UPDATE';
-exports.FILEDS_UPDATE = FILEDS_UPDATE;
-var FILEDS_UPDATE_VALUE = 'FILEDS_UPDATE_VALUE';
-exports.FILEDS_UPDATE_VALUE = FILEDS_UPDATE_VALUE;
-var FILEDS_REMOVE = 'FILEDS_REMOVE';
-exports.FILEDS_REMOVE = FILEDS_REMOVE;
-var FILEDS_INIT_LIST = 'FILEDS_INIT_LIST';
-exports.FILEDS_INIT_LIST = FILEDS_INIT_LIST;
-var FILEDS_UPDATE_LIST = 'FILEDS_UPDATE_LIST';
-exports.FILEDS_UPDATE_LIST = FILEDS_UPDATE_LIST;
-var FILEDS_REMOVE_LIST = 'FILEDS_REMOVE_LIST';
-exports.FILEDS_REMOVE_LIST = FILEDS_REMOVE_LIST;
-var FILEDS_UPDATE_STATE = 'FILEDS_UPDATE_STATE';
-exports.FILEDS_UPDATE_STATE = FILEDS_UPDATE_STATE;
-
-var Immutable = /*#__PURE__*/function () {
-  function Immutable() {
-    var _this = this;
-
-    (0, _classCallCheck2["default"])(this, Immutable);
-    (0, _defineProperty2["default"])(this, "FormReducer", function (state, action) {
-      switch (action.type) {
-        case FILEDS_UPDATE_STATE:
-          return _this.SyncState;
-
-        default:
-          _this.SyncState = state;
-          return state;
-      }
-    });
-    this.state = {};
-    this.SyncState = {
-      fields: [],
-      listNames: [],
-      listValues: {}
-    };
-  }
-
-  (0, _createClass2["default"])(Immutable, [{
-    key: "setState",
-    value: function setState(action) {
-      var SyncState = this.SyncState;
-
-      switch (action.type) {
-        case FILEDS_INIT:
-          var fields = SyncState.fields;
-          var initfields = (0, _toConsumableArray2["default"])(fields).filter(function (item) {
-            return action.payload.field !== item.field;
-          });
-          this.SyncState = _lodash["default"].cloneDeep(Object.assign({}, _objectSpread({}, SyncState), {
-            fields: initfields.concat(action.payload)
-          }));
-          return this.SyncState;
-
-        case FILEDS_REMOVE:
-          var _fields = SyncState.fields.filter(function (item) {
-            return action.payload !== item.field && action.payload !== item.propsField;
-          });
-
-          this.SyncState = _lodash["default"].cloneDeep(Object.assign({}, _objectSpread({}, SyncState), {
-            fields: _fields
-          }));
-          return this.SyncState;
-
-        case FILEDS_REMOVE_LIST:
-          var notIncludesListFields = SyncState.fields.filter(function (item) {
-            return action.payload !== item.listname;
-          });
-          this.SyncState.fields = notIncludesListFields;
-
-          if (this.SyncState.listValues[action.payload]) {
-            this.SyncState.listValues[action.payload] = [];
-          }
-
-          return this.SyncState;
-
-        case FILEDS_UPDATE:
-          this.SyncState = _lodash["default"].cloneDeep(Object.assign({}, _objectSpread({}, SyncState), {
-            fields: (0, _toConsumableArray2["default"])(action.payload)
-          }));
-          return this.SyncState;
-
-        case FILEDS_INIT_LIST:
-          var listNames = SyncState.listNames;
-          !listNames.includes(action.payload) && listNames.push(action.payload);
-          this.SyncState = _lodash["default"].cloneDeep(Object.assign({}, _objectSpread({}, SyncState), {
-            listNames: listNames
-          }));
-          return this.SyncState;
-
-        case FILEDS_UPDATE_LIST:
-          var _this$SyncState$listV = this.SyncState.listValues,
-              listValues = _this$SyncState$listV === void 0 ? {} : _this$SyncState$listV;
-          this.SyncState = _lodash["default"].cloneDeep(Object.assign({}, _objectSpread({}, SyncState), {
-            listValues: Object.assign({}, _objectSpread({}, listValues), _objectSpread({}, action.payload))
-          }));
-          return this.SyncState;
-
-        default:
-          this.SyncState = SyncState;
-          return SyncState;
-      }
-    }
-  }, {
-    key: "currentStateFields",
-    value: function currentStateFields() {
-      return _lodash["default"].cloneDeep(this.SyncState.fields);
-    }
-  }, {
-    key: "currentState",
-    value: function currentState() {
-      return _lodash["default"].cloneDeep(this.SyncState);
-    }
-  }]);
-  return Immutable;
-}();
-
-exports["default"] = Immutable;