1. 构建参数新增:transform-react-remove-prop-types

Author: bplok20010

lib/Form.js

@@ -15,16 +15,15 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 var _react = _interopRequireDefault(require("react"));
 
 function NativeInput(props) {
-  const {
-    component: Component = "input",
-    value,
-    inputRef,
-    onChange
-  } = props,
-        others = (0, _objectWithoutProperties2.default)(props, ["component", "value", "inputRef", "onChange"]);
-
-  const onInputChange = e => {
-    const value = e.target.value;
+  var _props$component = props.component,
+      Component = _props$component === void 0 ? "input" : _props$component,
+      value = props.value,
+      inputRef = props.inputRef,
+      onChange = props.onChange,
+      others = (0, _objectWithoutProperties2.default)(props, ["component", "value", "inputRef", "onChange"]);
+
+  var onInputChange = function onInputChange(e) {
+    var value = e.target.value;
     onChange && onChange(value, e);
   };
 

lib/FormItem.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _FormContext = _interopRequireDefault(require("./FormContext"));
 
-var _default = () => {
+var _default = function _default() {
   return _react.default.useContext(_FormContext.default);
 };
 

lib/NativeInput.js

@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _FormItemContext = _interopRequireDefault(require("./FormItemContext"));
 
-var _default = () => {
+var _default = function _default() {
   return _react.default.useContext(_FormItemContext.default);
 };
 

lib/useForm.js

@@ -24,8 +24,8 @@ function isEmptyValue(value) {
 }
 
 function deferred() {
-  const deferred = {};
-  deferred.promise = new Promise((resolve, reject) => {
+  var deferred = {};
+  deferred.promise = new Promise(function (resolve, reject) {
     deferred.resolve = resolve;
     deferred.reject = reject;
   });

lib/useFormItem.js

@@ -8,49 +8,7 @@ import { isEmptyValue } from "./utils";
 
 function noop() {}
 
-export default class Form extends React.Component {
-    static propTypes = {
-        prefixCls: PropTypes.string,
-        className: PropTypes.string,
-        style: PropTypes.object,
-        path2obj: PropTypes.bool,
-        defaultFormValue: PropTypes.object,
-        getDefaultFieldValue: PropTypes.func,
-        renderFieldExtra: PropTypes.func,
-        formValue: PropTypes.object,
-        validators: PropTypes.object,
-        validateDelay: PropTypes.number,
-        validateTrigger: PropTypes.oneOf(["blur", "change"]),
-        asyncTestDelay: PropTypes.number,
-        component: PropTypes.node,
-        labelWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        labelStyle: PropTypes.object,
-        labelClassName: PropTypes.string,
-        labelPosition: PropTypes.oneOf(["top", "left"]),
-        controlStyle: PropTypes.object,
-        controlClassName: PropTypes.string,
-        clearErrorOnFocus: PropTypes.bool,
-        inline: PropTypes.bool,
-        onSubmit: PropTypes.func,
-        onChange: PropTypes.func,
-        getInputProps: PropTypes.func
-    };
-
-    static defaultProps = {
-        prefixCls: "nex-form",
-        className: "",
-        style: {},
-        validators: {},
-        path2obj: true,
-        component: "form",
-        asyncTestDelay: 100,
-        validateDelay: 0,
-        validateTrigger: "blur",
-        labelPosition: "left",
-        clearErrorOnFocus: true,
-        inline: false
-    };
-
+class Form extends React.Component {
     static getDerivedStateFromProps(nextProps, prevState) {
         return {
             formValue: nextProps.formValue || prevState.formValue
@@ -511,3 +469,47 @@ export default class Form extends React.Component {
         );
     }
 }
+
+Form.propTypes = {
+    prefixCls: PropTypes.string,
+    className: PropTypes.string,
+    style: PropTypes.object,
+    path2obj: PropTypes.bool,
+    defaultFormValue: PropTypes.object,
+    getDefaultFieldValue: PropTypes.func,
+    renderFieldExtra: PropTypes.func,
+    formValue: PropTypes.object,
+    validators: PropTypes.object,
+    validateDelay: PropTypes.number,
+    validateTrigger: PropTypes.oneOf(["blur", "change"]),
+    asyncTestDelay: PropTypes.number,
+    component: PropTypes.node,
+    labelWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    labelStyle: PropTypes.object,
+    labelClassName: PropTypes.string,
+    labelPosition: PropTypes.oneOf(["top", "left"]),
+    controlStyle: PropTypes.object,
+    controlClassName: PropTypes.string,
+    clearErrorOnFocus: PropTypes.bool,
+    inline: PropTypes.bool,
+    onSubmit: PropTypes.func,
+    onChange: PropTypes.func,
+    getInputProps: PropTypes.func
+};
+
+Form.defaultProps = {
+    prefixCls: "nex-form",
+    className: "",
+    style: {},
+    validators: {},
+    path2obj: true,
+    component: "form",
+    asyncTestDelay: 100,
+    validateDelay: 0,
+    validateTrigger: "blur",
+    labelPosition: "left",
+    clearErrorOnFocus: true,
+    inline: false
+};
+
+export default Form;

lib/utils.js

@@ -4,39 +4,9 @@ import classnames from "classnames";
 import FormContext from "./FormContext";
 import FormItemContext from "./FormItemContext";
 
-export default class FormItem extends React.Component {
+class FormItem extends React.Component {
     static contextType = FormContext;
 
-    static propTypes = {
-        children: PropTypes.oneOfType([PropTypes.func, PropTypes.node])
-            .isRequired,
-        name: PropTypes.string,
-        style: PropTypes.object,
-        className: PropTypes.string,
-        label: PropTypes.node,
-        labelFor: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        labelWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-        labelStyle: PropTypes.object,
-        labelClassName: PropTypes.string,
-        labelPosition: PropTypes.oneOf(["top", "left"]),
-        controlStyle: PropTypes.object,
-        controlClassName: PropTypes.string,
-        validator: PropTypes.oneOfType([PropTypes.func, PropTypes.array]),
-        required: PropTypes.bool,
-        requiredMessage: PropTypes.string,
-        clearErrorOnFocus: PropTypes.bool,
-        normalize: PropTypes.func,
-        renderExtra: PropTypes.func,
-        validateDelay: PropTypes.number,
-        validateTrigger: PropTypes.oneOf(["blur", "change"]),
-        inline: PropTypes.bool
-    };
-
-    static defaultProps = {
-        prefixCls: "nex-form-item"
-        // requiredMessage: "不能为空"
-    };
-
     constructor(...args) {
         super(...args);
         const form = this.context;
@@ -318,3 +288,34 @@ export default class FormItem extends React.Component {
         );
     }
 }
+
+FormItem.propTypes = {
+    children: PropTypes.oneOfType([PropTypes.func, PropTypes.node]).isRequired,
+    name: PropTypes.string,
+    style: PropTypes.object,
+    className: PropTypes.string,
+    label: PropTypes.node,
+    labelFor: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    labelWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+    labelStyle: PropTypes.object,
+    labelClassName: PropTypes.string,
+    labelPosition: PropTypes.oneOf(["top", "left"]),
+    controlStyle: PropTypes.object,
+    controlClassName: PropTypes.string,
+    validator: PropTypes.oneOfType([PropTypes.func, PropTypes.array]),
+    required: PropTypes.bool,
+    requiredMessage: PropTypes.string,
+    clearErrorOnFocus: PropTypes.bool,
+    normalize: PropTypes.func,
+    renderExtra: PropTypes.func,
+    validateDelay: PropTypes.number,
+    validateTrigger: PropTypes.oneOf(["blur", "change"]),
+    inline: PropTypes.bool
+};
+
+FormItem.defaultProps = {
+    prefixCls: "nex-form-item"
+    // requiredMessage: "不能为空"
+};
+
+export default FormItem;

src/Form.js

@@ -0,0 +1,12 @@
+module.exports = function() {
+    return {
+        babelOptions: {
+            plugins: [
+                [
+                    "babel-plugin-transform-react-remove-prop-types",
+                    { mode: "wrap" }
+                ]
+            ]
+        }
+    };
+};