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

package/es/form/Item.js

@@ -1,557 +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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _asyncValidator = _interopRequireDefault(require("async-validator"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _lodash = _interopRequireDefault(require("lodash"));
-
-var _util = require("../_util");
-
-var _FormContext = _interopRequireDefault(require("./FormContext"));
-
-var _FormReducer = require("./FormReducer");
-
-var HIUI = _interopRequireWildcard(require("../"));
-
-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 getItemPosition = function getItemPosition(itemPosition) {
-  var _itemPosition = 'flex-end';
-
-  switch (itemPosition) {
-    case 'top':
-      _itemPosition = 'flex-start';
-      break;
-
-    case 'center':
-      _itemPosition = 'center';
-      break;
-
-    case 'bottom':
-      _itemPosition = 'flex-end';
-      break;
-
-    default:
-      _itemPosition = 'center';
-  }
-
-  return _itemPosition;
-};
-
-var FormItem = function FormItem(props) {
-  var _useContext = (0, _react.useContext)(_FormContext["default"]),
-      formProps = _useContext.formProps,
-      internalValuesChange = _useContext.internalValuesChange,
-      listname = _useContext.listname,
-      _type = _useContext._type,
-      _Immutable = _useContext._Immutable;
-
-  var children = props.children,
-      label = props.label,
-      required = props.required,
-      rulesProp = props.rules,
-      className = props.className,
-      shouldItemShowColon = props.showColon,
-      style = props.style,
-      propsField = props.field,
-      _props$valuePropName = props.valuePropName,
-      valuePropName = _props$valuePropName === void 0 ? 'value' : _props$valuePropName,
-      _props$contentPositio = props.contentPosition,
-      contentPosition = _props$contentPositio === void 0 ? 'center' : _props$contentPositio,
-      name = props.name,
-      listItemValue = props.listItemValue,
-      sort = props.sort,
-      uuid = props.uuid,
-      column = props.column,
-      row = props.row,
-      realField = props.realField;
-
-  var _ref = formProps || {},
-      shouldFormShowColon = _ref.showColon,
-      _ref$initialValues = _ref.initialValues,
-      initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
-      colon = _ref.localeDatas.form.colon;
-
-  var _propsValue = children && children.props ? children.props[valuePropName] : ''; // 初始化FormItem的内容
-
-
-  var _useState = (0, _react.useState)(_propsValue),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(''),
-      _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-      error = _useState4[0],
-      setError = _useState4[1];
-
-  var eventInfo = (0, _react.useRef)(null);
-  var getItemfield = (0, _react.useCallback)(function () {
-    var _propsField = propsField;
-
-    if (_type === 'list' && name) {
-      _propsField = _propsField + '#' + name;
-    }
-
-    return Array.isArray(propsField) ? propsField[propsField.length - 1] : _propsField;
-  }, [propsField, name]);
-
-  var _useState5 = (0, _react.useState)(getItemfield()),
-      _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-      field = _useState6[0],
-      setField = _useState6[1];
-
-  var _useState7 = (0, _react.useState)(false),
-      _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-      validating = _useState8[0],
-      setValidating = _useState8[1];
-
-  var childrenRef = (0, _react.useRef)();
-  childrenRef.current = children;
-  (0, _react.useEffect)(function () {
-    var onChangeInfo = eventInfo.current;
-
-    if (onChangeInfo) {
-      var e = onChangeInfo.e,
-          args = onChangeInfo.args,
-          componentProps = onChangeInfo.componentProps;
-      var _children = childrenRef.current;
-
-      var _props = componentProps || _children && _children.props;
-
-      if (_props && _props.onChange) {
-        _props.onChange.apply(_props, [e].concat((0, _toConsumableArray2["default"])(args)));
-      }
-    }
-
-    eventInfo.current = null;
-  }, [value]);
-  (0, _react.useEffect)(function () {
-    setField(getItemfield());
-  }, [propsField, name]); // 兼容 2.x value
-
-  (0, _react.useEffect)(function () {
-    if (typeof _propsValue !== 'undefined') {
-      setValue(_propsValue);
-      updateField(_propsValue);
-    }
-  }, [_propsValue, field]);
-  (0, _react.useEffect)(function () {
-    updateField();
-  }, [rulesProp, required]); // 更新
-
-  var updateField = function updateField(_value, triggerType) {
-    var childrenFiled = updateFieldInfoToReducer();
-
-    if (typeof _value !== 'undefined') {
-      childrenFiled.value = _value;
-    }
-
-    var field = childrenFiled.field;
-
-    if (field) {
-      var _fields = _lodash["default"].cloneDeep(_Immutable.current.currentStateFields());
-
-      _fields.forEach(function (item) {
-        if (item.field === field) {
-          Object.assign(item, childrenFiled);
-        }
-      });
-
-      var allValues = {};
-
-      _fields.forEach(function (item) {
-        var field = item.field,
-            value = item.value;
-        allValues[field] = value;
-      });
-
-      _Immutable.current.setState({
-        type: _FormReducer.FILEDS_UPDATE,
-        payload: _fields
-      });
-
-      triggerType === 'onChange' && internalValuesChange((0, _defineProperty2["default"])({}, field, _value), allValues);
-    }
-  };
-
-  var resetValidate = (0, _react.useCallback)(function () {
-    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    // 清空数据
-    setValue(value);
-    setError('');
-    setValidating(false);
-  });
-  var clearValidate = (0, _react.useCallback)(function () {
-    // 清空数据
-    setError('');
-    setValidating(false);
-  }); // 获取该单元的规则
-
-  var getRules = (0, _react.useCallback)(function () {
-    var selfRules = required ? Object.assign({}, props.rules, {
-      required: required
-    }) : props.rules;
-    var formRules = formProps.rules;
-    formRules = formRules ? formRules[field] : []; // 修复 AsyncValidator 接收 jsx deepMerge 卡顿问题
-    // https://github.com/yiminghe/async-validator/blob/bc18bca1d9422911dc5ac3ce2a99599821534bd9/src/util.js#L220
-
-    var rulesArr = [].concat(selfRules || formRules || []);
-    rulesArr.forEach(function (item) {
-      var message = item.message;
-
-      if ( /*#__PURE__*/_react["default"].isValidElement(message)) {
-        item.message = Object.assign({}, _objectSpread({}, message), {
-          _owner: null
-        });
-      }
-    });
-    return rulesArr.concat();
-  }, [props, formProps, required, field]); // 过滤含有该trigger触发方式的rules
-
-  var getFilteredRule = (0, _react.useCallback)(function (trigger) {
-    var rules = getRules();
-    return rules.filter(function (rule) {
-      return !rule.trigger || rule.trigger.indexOf(trigger) !== -1;
-    });
-  }, [getRules]); // 父级调用
-
-  var validate = (0, _react.useCallback)(
-  /**
-   * 触发Item校验
-   * @param {Sting} trigger 触发事件 在什么情况下触发 'onChange, onBlur'
-   * @param {Function} cb 自定义消息提示回调方法
-   * @param {Any} currentValue 校验值
-   * @param {Boolean} showError 静默检验，是否在界面中展示错误信息
-   */
-  function (trigger, cb, currentValue) {
-    var showError = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
-    var triggerRules = getFilteredRule(trigger);
-
-    if (!triggerRules || triggerRules.length === 0) {
-      if (cb instanceof Function) {
-        cb();
-      }
-
-      return true;
-    } // Bug of `async-validator`
-
-
-    var rules = getRules().map(function (item) {
-      if (!!currentValue || currentValue === 0) {
-        item.type = item.type || 'any';
-      }
-
-      return item;
-    });
-
-    var _field = realField || field;
-
-    var validator = new _asyncValidator["default"]((0, _defineProperty2["default"])({}, _field, rules));
-    var model = (0, _defineProperty2["default"])({}, _field, currentValue);
-    validator.validate(model, {
-      firstFields: true
-    }, function (errors) {
-      showError && setError(errors ? errors[0].message : '');
-      setValidating(false);
-
-      if (cb instanceof Function) {
-        cb(errors);
-      }
-    });
-  }, [props]);
-
-  var updateFieldInfoToReducer = function updateFieldInfoToReducer() {
-    var _realField = _type === 'list' ? field : realField || field;
-
-    return {
-      field: field,
-      rules: getRules(),
-      resetValidate: resetValidate,
-      setValue: setValue,
-      clearValidate: clearValidate,
-      validate: validate,
-      propsField: propsField,
-      listname: listname,
-      sort: sort,
-      _type: _type,
-      uuid: uuid,
-      column: column,
-      row: row,
-      name: name,
-      updateField: updateField,
-      realField: _realField
-    };
-  }; // 判断是否含有Rules
-
-
-  var isRequired = (0, _react.useCallback)(function () {
-    var rules = getRules();
-    var isRequired = false;
-
-    if (rules && rules.length) {
-      rules.every(function (rule) {
-        if (rule.required) {
-          isRequired = true;
-          return false;
-        }
-
-        return true;
-      });
-    }
-
-    return isRequired;
-  }, [getRules]); // 对字段的操作
-
-  var handleField = function handleField(triggerType, currentValue) {
-    // 同步数据 reducer
-    updateField(currentValue, triggerType);
-    var rules = getRules();
-    var hasTriggerType = rules.some(function (rule) {
-      var _rule$trigger = rule.trigger,
-          trigger = _rule$trigger === void 0 ? '' : _rule$trigger;
-      return trigger.includes(triggerType);
-    });
-    hasTriggerType && validate(triggerType, '', currentValue);
-  };
-
-  var labelWidth = (0, _react.useCallback)(function () {
-    var labelWidth = props.labelWidth || formProps.labelWidth;
-    return formProps.labelPlacement === 'top' ? '100%' : !Number.isNaN(Number(labelWidth)) ? Number(labelWidth) : labelWidth;
-  }, [props.labelWidth, formProps.labelWidth]);
-
-  var setEvent = function setEvent(eventName, component, componentProps, e) {
-    var beObject = Object.prototype.toString.call(e) === '[object Object]';
-    beObject && Object.prototype.toString.call(e.persist) === '[object Function]' && e.persist();
-    var displayName = component && component.type && component.type.displayName;
-    var nextValue = beObject && e.target && Object.prototype.hasOwnProperty.call(e.target, valuePropName) ? e.target[valuePropName] : e;
-
-    for (var _len = arguments.length, args = new Array(_len > 4 ? _len - 4 : 0), _key = 4; _key < _len; _key++) {
-      args[_key - 4] = arguments[_key];
-    }
-
-    if (displayName === 'Counter') {
-      nextValue = args[0] || 0;
-    }
-
-    if (eventName === 'onChange') {
-      eventInfo.current = {
-        eventName: eventName,
-        e: e,
-        args: args,
-        componentProps: componentProps,
-        value: nextValue
-      };
-      handleField(eventName, nextValue);
-      setValue(nextValue);
-    } else if (eventName === 'onBlur') {
-      handleField(eventName, eventInfo.current ? eventInfo.current.value : value); // 处理 onBlur 事件
-
-      var _children = childrenRef.current;
-
-      var _props = componentProps || _children && _children.props;
-
-      if (_props && _props.onBlur) {
-        _props.onBlur.apply(_props, [e].concat(args));
-      }
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    return function () {
-      _type !== 'list' && _Immutable.current.setState({
-        type: _FormReducer.FILEDS_REMOVE,
-        payload: field
-      });
-    };
-  }, []); // jsx渲染方式
-
-  var renderChildren = function renderChildren() {
-    var _value = value;
-
-    var _fields = _Immutable.current.currentStateFields();
-
-    var _field = _type === 'list' ? getItemfield() : field;
-
-    var isExist = _fields.some(function (item) {
-      return item.field === _field;
-    });
-
-    var displayName = !!children && children.type && children.type.displayName;
-
-    if (displayName === 'Counter' && _value === undefined) {
-      _value = 0;
-    }
-
-    if (_field && !isExist) {
-      // 初始化值
-      if (initialValues) {
-        // TODO： 如果 field 是数组，无法完成嵌套对象初始化值，感觉这块实现没想清楚，暂时维护现状，对用户不建议使用数组模式
-        // 这里逻辑判断 field，但是最终操作的是 _field，暂时不调整，暂不清楚是否存在破坏性更新
-        if (typeof initialValues[field] !== 'undefined') {
-          _value = initialValues[_field];
-        } else if (_type === 'SchemaForm' && typeof initialValues[realField] !== 'undefined') {
-          _value = initialValues[realField];
-        }
-      }
-
-      if (_type === 'list' && listItemValue) {
-        _value = Object.keys(listItemValue).includes(name) ? listItemValue[name] : listItemValue;
-      }
-
-      var updateFieldInfoToReducerData = updateFieldInfoToReducer();
-
-      _Immutable.current.setState({
-        type: _FormReducer.FILEDS_INIT,
-        payload: _objectSpread(_objectSpread({
-          value: _value
-        }, updateFieldInfoToReducerData), {}, {
-          field: _field,
-          realField: _type === 'list' ? _field : updateFieldInfoToReducerData.realField
-        })
-      });
-
-      updateField(_value);
-    }
-
-    var component = props.component,
-        componentProps = props.componentProps;
-
-    _fields.forEach(function (item) {
-      if (item.field === _field) {
-        _value = item.value;
-      }
-    }); // 对ScheamaForm表单Item进行特殊处理
-
-
-    if (_type === 'SchemaForm' && component) {
-      if (HIUI[component]) {
-        var HIUIComponent = HIUI[component];
-        return /*#__PURE__*/_react["default"].createElement(HIUIComponent, _objectSpread(_objectSpread((0, _defineProperty2["default"])({}, valuePropName, _value), componentProps), {}, {
-          onChange: function onChange(e) {
-            for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-              args[_key2 - 1] = arguments[_key2];
-            }
-
-            setEvent.apply(void 0, ['onChange', HIUIComponent, componentProps, e].concat(args));
-          },
-          onBlur: function onBlur(e) {
-            for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
-              args[_key3 - 1] = arguments[_key3];
-            }
-
-            setEvent.apply(void 0, ['onBlur', HIUIComponent, componentProps, e].concat(args));
-          }
-        }));
-      } else {
-        throw new Error('not found ' + component);
-      }
-    }
-
-    if (!children) {
-      return null;
-    }
-
-    var propChild = children ? children.props : {};
-    return Array.isArray(children) || ! /*#__PURE__*/_react["default"].isValidElement(children) ? children : /*#__PURE__*/_react["default"].cloneElement(children, _objectSpread(_objectSpread((0, _defineProperty2["default"])({}, valuePropName, _value), propChild), {}, {
-      onChange: function onChange(e) {
-        for (var _len4 = arguments.length, args = new Array(_len4 > 1 ? _len4 - 1 : 0), _key4 = 1; _key4 < _len4; _key4++) {
-          args[_key4 - 1] = arguments[_key4];
-        }
-
-        setEvent.apply(void 0, ['onChange', children, '', e].concat(args));
-      },
-      onBlur: function onBlur(e) {
-        for (var _len5 = arguments.length, args = new Array(_len5 > 1 ? _len5 - 1 : 0), _key5 = 1; _key5 < _len5; _key5++) {
-          args[_key5 - 1] = arguments[_key5];
-        }
-
-        setEvent.apply(void 0, ['onBlur', children, '', e].concat(args));
-      }
-    }));
-  };
-
-  var shouldShowColon = shouldItemShowColon === undefined ? shouldFormShowColon && typeof label === 'string' && label.trim() : shouldItemShowColon;
-  var obj = {};
-  obj['hi-form-item__error'] = error !== '';
-  obj['hi-form-item--validating'] = validating;
-  obj['hi-form-item--required'] = isRequired() || required;
-
-  var _labelWidth = labelWidth();
-
-  var contentWidth = formProps.labelPlacement === 'top' ? '100%' : "calc(100% - ".concat(_labelWidth, "px)");
-  var alignItems = getItemPosition(contentPosition);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('hi-form-item', className, obj),
-    style: style,
-    key: field
-  }, label || label === '' ? /*#__PURE__*/_react["default"].createElement("label", {
-    className: "hi-form-item__label",
-    style: {
-      width: _labelWidth
-    },
-    key: field + 'label'
-  }, typeof label === 'string' && label.trim() || label, shouldShowColon && colon) : /*#__PURE__*/_react["default"].createElement("span", {
-    className: "hi-form-item__span",
-    style: {
-      width: _labelWidth
-    },
-    key: field + 'label'
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: 'hi-form-item' + '__content',
-    key: field + '__content',
-    style: {
-      width: contentWidth
-    }
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: 'hi-form-item' + '__children',
-    style: {
-      alignItems: alignItems
-    }
-  }, renderChildren()), /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])('hi-form-item--msg__error', {
-      'hi-form-item--msg__error__show': error !== ''
-    }),
-    key: field + 'error'
-  }, error)));
-};
-
-FormItem.propTypes = {
-  field: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].array, _propTypes["default"].number]),
-  rules: _propTypes["default"].oneOfType([_propTypes["default"].object, _propTypes["default"].array]),
-  required: _propTypes["default"].bool,
-  labelWidth: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
-  showColon: _propTypes["default"].bool,
-  className: _propTypes["default"].string,
-  style: _propTypes["default"].object
-};
-FormItem.defaultProps = {
-  size: 'small'
-};
-
-var _default = (0, _util.depreactedPropsCompat)([['field', 'prop']])(FormItem);
-
-exports["default"] = _default;

package/es/form/List.js

@@ -1,127 +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 _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 _FormContext = _interopRequireDefault(require("./FormContext"));
-
-var _FormReducer = require("./FormReducer");
-
-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 List = function List(props) {
-  var _useContext = (0, _react.useContext)(_FormContext["default"]),
-      formState = _useContext.formState,
-      initialValues = _useContext.initialValues,
-      _Immutable = _useContext._Immutable;
-
-  var children = props.children,
-      name = props.name;
-
-  var _useState = (0, _react.useState)([]),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      listCount = _useState2[0],
-      setListCount = _useState2[1];
-
-  var listValues = formState.listValues;
-  var listValuesRef = (0, _react.useRef)();
-
-  if (!_lodash["default"].isEqual(listValues, listValuesRef.current)) {
-    listValuesRef.current = listValues;
-    setListCount([]);
-  }
-
-  (0, _react.useEffect)(function () {
-    // init listName
-    _Immutable.current.setState({
-      type: _FormReducer.FILEDS_INIT_LIST,
-      payload: name
-    });
-
-    initialValues && Object.keys(initialValues).forEach(function (key) {
-      key === name && _Immutable.current.setState({
-        type: _FormReducer.FILEDS_UPDATE_LIST,
-        payload: Object.assign({}, _objectSpread({}, listValues), (0, _defineProperty2["default"])({}, key, initialValues[key]))
-      });
-    });
-  }, []); // manage default value
-
-  (0, _react.useEffect)(function () {
-    var _Immutable$current$cu = _Immutable.current.currentState(),
-        listValues = _Immutable$current$cu.listValues;
-
-    listCount.forEach(function (item) {
-      _Immutable.current.setState({
-        type: _FormReducer.FILEDS_REMOVE,
-        payload: item.field
-      });
-    });
-    var cachelistCount = [];
-    var values = listValues[name] ? listValues[name] : [];
-    values.forEach(function (value, index) {
-      var uuid = parseInt((Math.random() * 9 + 1) * 100000);
-      cachelistCount.push({
-        field: name + '-' + uuid,
-        listItemValue: value,
-        sort: index,
-        column: index,
-        uuid: uuid
-      });
-    });
-    setListCount(cachelistCount);
-  }, [listValues]);
-
-  if (typeof children !== 'function') {
-    return null;
-  }
-
-  var add = function add() {
-    var uuid = parseInt((Math.random() * 9 + 1) * 100000);
-    setListCount(listCount.concat({
-      field: name + '-' + uuid,
-      sort: listCount.length
-    }));
-  };
-
-  var remove = function remove(fieldItem) {
-    var _listCount = listCount.filter(function (item) {
-      return item.field !== fieldItem.field;
-    });
-
-    setListCount(_listCount);
-
-    _Immutable.current.setState({
-      type: _FormReducer.FILEDS_REMOVE,
-      payload: fieldItem.field
-    });
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_FormContext["default"].Provider, {
-    value: _objectSpread(_objectSpread({}, (0, _react.useContext)(_FormContext["default"])), {}, {
-      _type: 'list',
-      listname: name
-    })
-  }, children(listCount, {
-    add: add,
-    remove: remove
-  })));
-};
-
-var _default = List;
-exports["default"] = _default;