@kdcloudjs/kdesign 1.6.34 → 1.6.36

package/lib/form/Field.js

@@ -1,83 +1,48 @@
 "use strict";
 
 var _typeof3 = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _extends3 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/toConsumableArray"));
-
 var _typeof2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/typeof"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
-
 var _getOwnPropertySymbols = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols"));
-
 var _concat = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/concat"));
-
 var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
-
 var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
-
 var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _classnames2 = _interopRequireDefault(require("classnames"));
-
 var _configProvider = require("../config-provider");
-
 var _FieldLabel = _interopRequireDefault(require("./FieldLabel"));
-
 var _FieldWrapper = _interopRequireDefault(require("./FieldWrapper"));
-
 var _useForceUpdate = _interopRequireDefault(require("./hooks/useForceUpdate"));
-
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
-
 var _reactChildren = require("../_utils/react-children");
-
 var _FieldContext = _interopRequireDefault(require("./FieldContext"));
-
 var _useForm = require("./hooks/useForm");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var __rest = void 0 && (void 0).__rest || function (s, e) {
   var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
   if (s != null && typeof _getOwnPropertySymbols.default === "function") for (var i = 0, p = (0, _getOwnPropertySymbols.default)(s); i < p.length; i++) {
     if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
   }
   return t;
 };
-
 var DEFAULT_TRIGGER = 'onChange';
 var FormEventValuePropNames = ['value', 'checked'];
-
 var generateEventHandler = function generateEventHandler(handler, validateTrigger) {
   var eventHandler = {};
-
   if (validateTrigger) {
     if (typeof validateTrigger === 'string' && validateTrigger !== 'onChange') {
       eventHandler[validateTrigger] = handler;
@@ -89,10 +54,8 @@ var generateEventHandler = function generateEventHandler(handler, validateTrigge
       });
     }
   }
-
   return eventHandler;
 };
-
 var INNER_VALUE_PROPS_LIST = [{
   name: 'Radio',
   propName: 'checked'
@@ -112,137 +75,111 @@ var INNER_VALUE_PROPS_LIST = [{
   name: 'RangePicker',
   propName: 'ranges'
 }];
-
 var Field = function Field(props) {
   var _context, _classnames;
-
   var _a;
-
   (0, _devwarning.default)(! /*#__PURE__*/_react.default.isValidElement(props.children), 'Form.Item', 'Children of Form.Item is not a valid element');
   (0, _devwarning.default)(!props.name, 'Form.Item', 'Form.Item must have a name');
-
   var _useContext = (0, _react.useContext)(_configProvider.ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls;
   var fieldContext = _react.default.useContext(_FieldContext.default);
-
   var forceUpdate = (0, _useForceUpdate.default)();
-
   var _useState = (0, _react.useState)(undefined),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      fieldValue = _useState2[0],
-      setFieldValue = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    fieldValue = _useState2[0],
+    setFieldValue = _useState2[1];
   var getFieldValue = fieldContext.getFieldValue,
-      getFieldError = fieldContext.getFieldError,
-      getInternalHooks = fieldContext.getInternalHooks,
-      vertical = fieldContext.vertical,
-      getDefaultValue = fieldContext.getDefaultValue,
-      local = fieldContext.local,
-      formDisabled = fieldContext.disabled;
-
+    getFieldError = fieldContext.getFieldError,
+    getInternalHooks = fieldContext.getInternalHooks,
+    vertical = fieldContext.vertical,
+    getDefaultValue = fieldContext.getDefaultValue,
+    local = fieldContext.local,
+    formDisabled = fieldContext.disabled;
   var _getInternalHooks = getInternalHooks(_useForm.INTERNAL_HOOK_KEY),
-      registerField = _getInternalHooks.registerField,
-      dispatch = _getInternalHooks.dispatch,
-      setDefaultValues = _getInternalHooks.setDefaultValues,
-      deleteField = _getInternalHooks.deleteField;
-
+    registerField = _getInternalHooks.registerField,
+    dispatch = _getInternalHooks.dispatch,
+    setDefaultValues = _getInternalHooks.setDefaultValues,
+    deleteField = _getInternalHooks.deleteField;
   var name = props.name,
-      customizeHtmlFor = props.htmlFor,
-      children = props.children,
-      className = props.className,
-      disabled = props.disabled,
-      customizePrefixcls = props.prefixCls,
-      hidden = props.hidden,
-      label = props.label,
-      labelWidth = props.labelWidth,
-      labelAlign = props.labelAlign,
-      required = props.required,
-      rules = props.rules,
-      wrapperWidth = props.wrapperWidth,
-      validateTrigger = props.validateTrigger,
-      defaultValue = props.defaultValue,
-      valuePropName = props.valuePropName;
+    customizeHtmlFor = props.htmlFor,
+    children = props.children,
+    className = props.className,
+    disabled = props.disabled,
+    customizePrefixcls = props.prefixCls,
+    hidden = props.hidden,
+    label = props.label,
+    labelWidth = props.labelWidth,
+    labelAlign = props.labelAlign,
+    required = props.required,
+    rules = props.rules,
+    wrapperWidth = props.wrapperWidth,
+    validateTrigger = props.validateTrigger,
+    defaultValue = props.defaultValue,
+    valuePropName = props.valuePropName;
   var htmlFor = customizeHtmlFor || (name ? (0, _concat.default)(_context = "form_".concat(name, "_")).call(_context, (Math.random() * 100).toFixed(0)) : undefined);
   var childrenNode = null;
   var innerValuePropName = 'value';
   var childrenArray = (0, _reactChildren.toArray)(children);
-
   if (childrenArray.length) {
     (0, _devwarning.default)(childrenArray.length > 1, 'Form.Item', 'Form.Item must have only child');
     childrenNode = childrenArray[0];
   }
-
   var innerDisplayName = (_a = childrenNode === null || childrenNode === void 0 ? void 0 : childrenNode.type) === null || _a === void 0 ? void 0 : _a.displayName;
-
   if (valuePropName !== undefined) {
     innerValuePropName = valuePropName;
   } else if (innerDisplayName) {
     var filter = (0, _filter.default)(INNER_VALUE_PROPS_LIST).call(INNER_VALUE_PROPS_LIST, function (item) {
       return innerDisplayName === item.name;
     });
-
     if (filter.length) {
       innerValuePropName = filter[0].propName;
     }
   }
-
   var onStoreChange = function onStoreChange(stores, _namePathList, source) {
     var prev = stores.prev,
-        curr = stores.curr;
+      curr = stores.curr;
     var prevValue = (0, _get.default)(prev, name);
     var currValue = (0, _get.default)(curr, name);
     var isValueUpdated = prevValue !== currValue && source === 'updateValue';
     var isExternalAction = source === 'externalUpdateValue';
     var isValidatedFinish = source === 'validateFinish';
     var isReset = source === 'reset';
-
     if (isValueUpdated || isExternalAction || isValidatedFinish || isReset) {
       forceUpdate();
     }
   };
-
   var mergedRequired = required || (rules === null || rules === void 0 ? void 0 : rules.some(function (rule) {
     if (rule && (0, _typeof2.default)(rule) === 'object' && rule.required) {
       return true;
     }
-
     if (typeof rule === 'function') {
       var ruleEntity = rule(fieldContext);
       return ruleEntity && ruleEntity.required;
     }
-
     return false;
   }));
-
   var mergeRule = function mergeRule() {
     var mergeRules = Array.isArray(rules) ? (0, _toConsumableArray2.default)(rules) : [];
-
     if (!mergeRules.some(function (rule) {
       return Object.prototype.hasOwnProperty.call(rule, 'required');
     }) && required) {
       var _context2;
-
       mergeRules.push({
         required: true,
         message: (0, _concat.default)(_context2 = "".concat(local && local.requiredMessage)).call(_context2, label)
       });
     }
-
     if (mergeRules.length) {
       mergeRules = (0, _map.default)(mergeRules).call(mergeRules, function (r) {
         if (typeof r === 'function') {
           return r(fieldContext);
         }
-
         return r;
       });
     }
-
     return mergeRules;
   };
-
   var item = {
     onStoreChange: onStoreChange,
     meta: {
@@ -251,13 +188,10 @@ var Field = function Field(props) {
       trigger: validateTrigger
     }
   };
-
   var itemRef = _react.default.useRef(item);
-
   itemRef.current = item;
   (0, _react.useEffect)(function () {
     registerField(name, itemRef);
-
     if (defaultValue !== undefined) {
       setDefaultValues((0, _defineProperty2.default)({}, name, defaultValue));
     }
@@ -271,14 +205,10 @@ var Field = function Field(props) {
   var formItemClassName = (0, _classnames2.default)((_classnames = {}, (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls), true), (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls, "-field"), true), (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls, "-field-hidden"), hidden), (0, _defineProperty2.default)(_classnames, "".concat(formPrefixCls, "-field-vertical"), vertical), _classnames), className);
   var value = getFieldValue(name);
   var validateMessage = getFieldError(name);
-
   var getInputValueFormProp = function getInputValueFormProp(evt) {
     var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
-
     var _a;
-
     var inputValue;
-
     if (innerDisplayName === 'RadioGroup' && payload) {
       inputValue = payload[1];
     } else if (Object.prototype.hasOwnProperty.call(evt, 'target') && (0, _includes.default)(FormEventValuePropNames).call(FormEventValuePropNames, innerValuePropName)) {
@@ -286,71 +216,55 @@ var Field = function Field(props) {
     } else {
       inputValue = evt;
     }
-
     return inputValue;
   };
-
   var handleValueValidate = _react.default.useCallback(function () {
     dispatch({
       type: 'validateField',
       namePath: name
     });
   }, [name]);
-
   var mergeProps = function mergeProps(fa, ch) {
     var _extends2;
-
     if (!ch) {
       return {};
     }
-
     var faRest = __rest(fa, []);
-
     var _ch$props = ch.props,
-        chChange = _ch$props.onChange,
-        chValue = _ch$props[innerValuePropName],
-        chDisabled = _ch$props.disabled,
-        chDefaultValue = _ch$props.defaultValue;
-
+      chChange = _ch$props.onChange,
+      chValue = _ch$props[innerValuePropName],
+      chDisabled = _ch$props.disabled,
+      chDefaultValue = _ch$props.defaultValue;
     var onChange = function onChange() {
       for (var _len = arguments.length, evt = new Array(_len), _key = 0; _key < _len; _key++) {
         evt[_key] = arguments[_key];
       }
-
       var iv = getInputValueFormProp(evt[0], evt);
-
       if (chValue === undefined) {
         setFieldValue(iv);
       }
-
       dispatch({
         type: 'updateValue',
         namePath: name,
         value: iv
       });
-
       if (typeof chChange === 'function') {
         chChange.apply(void 0, evt);
       }
     };
-
     var mergeValue = chValue === undefined ? value : chValue;
-
     if (mergeValue !== fieldValue) {
       setFieldValue(mergeValue);
     }
-
     if (getDefaultValue(name) === undefined && (chDefaultValue !== undefined || chValue !== undefined)) {
       setDefaultValues((0, _defineProperty2.default)({}, name, chValue !== undefined ? chValue : chDefaultValue));
       forceUpdate();
     }
-
     var mergeResult = (0, _extends3.default)((0, _extends3.default)({}, faRest), (_extends2 = {
       onChange: onChange,
       defaultValue: defaultValue
     }, (0, _defineProperty2.default)(_extends2, innerValuePropName, fieldValue), (0, _defineProperty2.default)(_extends2, "disabled", chDisabled !== undefined ? chDisabled : disabled !== undefined ? disabled : formDisabled), _extends2));
     var mergeEventArray = [];
-
     if (validateTrigger) {
       if (Array.isArray(validateTrigger)) {
         mergeEventArray.push.apply(mergeEventArray, (0, _toConsumableArray2.default)((0, _filter.default)(validateTrigger).call(validateTrigger, function (v) {
@@ -360,15 +274,12 @@ var Field = function Field(props) {
         mergeEventArray.push(validateTrigger);
       }
     }
-
     mergeEventArray.forEach(function (eventName) {
       mergeResult[eventName] = function () {
         var _a;
-
         if ((fa === null || fa === void 0 ? void 0 : fa[eventName]) && typeof fa[eventName] === 'function') {
           fa[eventName]();
         }
-
         if (((_a = ch.props) === null || _a === void 0 ? void 0 : _a[eventName]) && typeof ch.props[eventName] === 'function') {
           ch.props[eventName]();
         }
@@ -376,7 +287,6 @@ var Field = function Field(props) {
     });
     return mergeResult;
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: formItemClassName
   }, /*#__PURE__*/_react.default.createElement(_FieldLabel.default, {
@@ -396,6 +306,5 @@ var Field = function Field(props) {
     return child ? /*#__PURE__*/_react.default.cloneElement(child, keys) : child;
   })));
 };
-
 var _default = Field;
 exports.default = _default;

package/lib/form/FieldContext.js

@@ -1,20 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _devwarning = _interopRequireDefault(require("../_utils/devwarning"));
-
 var warningFunc = function warningFunc() {
   (0, _devwarning.default)(false, 'Form', 'Can not find FormContext. Please make sure you wrap Field under Form.');
 };
-
 var context = /*#__PURE__*/_react.default.createContext({
   getFieldError: warningFunc,
   getFieldsError: warningFunc,
@@ -37,6 +32,5 @@ var context = /*#__PURE__*/_react.default.createContext({
     };
   }
 });
-
 var _default = context;
 exports.default = _default;

package/lib/form/FieldLabel.js

@@ -1,54 +1,37 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames3 = _interopRequireDefault(require("classnames"));
-
 var _configProvider = require("../config-provider");
-
 var _utils = require("../_utils");
-
 var _FieldContext = _interopRequireDefault(require("./FieldContext"));
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var FieldLabel = function FieldLabel(props) {
   var _classnames;
-
   var _useContext = (0, _react.useContext)(_configProvider.ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var _useContext2 = (0, _react.useContext)(_FieldContext.default),
-      contextLabelWidth = _useContext2.labelWidth,
-      contextLabelAlign = _useContext2.labelAlign;
-
+    contextLabelWidth = _useContext2.labelWidth,
+    contextLabelAlign = _useContext2.labelAlign;
   var _getCompProps = (0, _utils.getCompProps)('Form', userDefaultProps, props),
-      value = _getCompProps.value,
-      width = _getCompProps.width,
-      textAlign = _getCompProps.textAlign,
-      customizePrefixCls = _getCompProps.prefixCls,
-      requiredMark = _getCompProps.requiredMark,
-      htmlFor = _getCompProps.htmlFor;
-
+    value = _getCompProps.value,
+    width = _getCompProps.width,
+    textAlign = _getCompProps.textAlign,
+    customizePrefixCls = _getCompProps.prefixCls,
+    requiredMark = _getCompProps.requiredMark,
+    htmlFor = _getCompProps.htmlFor;
   if (value === undefined) return null;
   var fieldLabelPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, 'form-field-label', customizePrefixCls);
   var mergedLabelWidth = width || contextLabelWidth;
@@ -67,6 +50,5 @@ var FieldLabel = function FieldLabel(props) {
     htmlFor: htmlFor
   }, value));
 };
-
 var _default = FieldLabel;
 exports.default = _default;

package/lib/form/FieldWrapper.js

@@ -1,41 +1,29 @@
 "use strict";
 
 var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
-
 var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
-
 var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
-
 var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _configProvider = require("../config-provider");
-
 var _utils = require("../_utils");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 var FieldWrapper = function FieldWrapper(props) {
   var _useContext = (0, _react.useContext)(_configProvider.ConfigContext),
-      getPrefixCls = _useContext.getPrefixCls,
-      prefixCls = _useContext.prefixCls,
-      userDefaultProps = _useContext.compDefaultProps;
-
+    getPrefixCls = _useContext.getPrefixCls,
+    prefixCls = _useContext.prefixCls,
+    userDefaultProps = _useContext.compDefaultProps;
   var wrapperProps = (0, _utils.getCompProps)('Form', userDefaultProps, props);
   var children = wrapperProps.children,
-      customizePrefixCls = wrapperProps.prefixCls,
-      width = wrapperProps.width,
-      validateMessage = wrapperProps.validateMessage;
+    customizePrefixCls = wrapperProps.prefixCls,
+    width = wrapperProps.width,
+    validateMessage = wrapperProps.validateMessage;
   var wrapperPrefixCls = getPrefixCls === null || getPrefixCls === void 0 ? void 0 : getPrefixCls(prefixCls, 'form-field-wrapper', customizePrefixCls);
   var wrapperClassName = (0, _classnames.default)(["".concat(wrapperPrefixCls)]);
   var messageClassName = (0, _classnames.default)(["".concat(wrapperPrefixCls, "-message")]);
@@ -49,6 +37,5 @@ var FieldWrapper = function FieldWrapper(props) {
     title: validateMessage
   }, validateMessage));
 };
-
 var _default = FieldWrapper;
 exports.default = _default;