linkmore-design 1.1.27-beta.5 → 1.1.28-alpha.5

package/es/Form/FormItem/index.js

@@ -25,12 +25,15 @@ var MemoInput = /*#__PURE__*/React.memo(function (_ref) {
 }, function (prev, next) {
   return prev.value === next.value && prev.update === next.update;
 });
+
 function hasValidName(name) {
   if (name === null) {
     warning(false, 'Form.Item', '`null` is passed as `name` property');
   }
+
   return !(name === undefined || name === null);
 }
+
 function genEmptyMeta() {
   return {
     errors: [],
@@ -40,15 +43,19 @@ function genEmptyMeta() {
     name: []
   };
 }
+
 function getRuleTime(rules) {
   if (!rules) {
     return 0;
   }
+
   var _iterator = _createForOfIteratorHelper(rules),
-    _step;
+      _step;
+
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var rule = _step.value;
+
       if (rule && _typeof(rule) === 'object' && rule.time) {
         return rule.time;
       }
@@ -58,75 +65,88 @@ function getRuleTime(rules) {
   } finally {
     _iterator.f();
   }
+
   return 0;
 }
+
 function InternalFormItem(props) {
   var name = props.name,
-    noStyle = props.noStyle,
-    dependencies = props.dependencies,
-    customizePrefixCls = props.prefixCls,
-    shouldUpdate = props.shouldUpdate,
-    rules = props.rules,
-    children = props.children,
-    required = props.required,
-    label = props.label,
-    messageVariables = props.messageVariables,
-    _props$trigger = props.trigger,
-    trigger = _props$trigger === void 0 ? 'onChange' : _props$trigger,
-    validateTrigger = props.validateTrigger,
-    hidden = props.hidden;
+      noStyle = props.noStyle,
+      dependencies = props.dependencies,
+      customizePrefixCls = props.prefixCls,
+      shouldUpdate = props.shouldUpdate,
+      rules = props.rules,
+      children = props.children,
+      required = props.required,
+      label = props.label,
+      messageVariables = props.messageVariables,
+      _props$trigger = props.trigger,
+      trigger = _props$trigger === void 0 ? 'onChange' : _props$trigger,
+      validateTrigger = props.validateTrigger,
+      hidden = props.hidden;
   var timerRef = useRef(null);
+
   var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    mergedErrors = _useState2[0],
-    setMergedErrors = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      mergedErrors = _useState2[0],
+      setMergedErrors = _useState2[1];
+
   var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    mergedWarnings = _useState4[0],
-    setMergedWarnings = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      mergedWarnings = _useState4[0],
+      setMergedWarnings = _useState4[1];
+
   var _useContext = useContext(ConfigContext),
-    getPrefixCls = _useContext.getPrefixCls;
+      getPrefixCls = _useContext.getPrefixCls;
+
   var _useContext2 = useContext(FormContext),
-    formName = _useContext2.name;
+      formName = _useContext2.name;
+
   var isRenderProps = typeof children === 'function';
   var notifyParentMetaChange = useContext(NoStyleItemContext);
+
   var _useContext3 = useContext(FieldContext),
-    contextValidateTrigger = _useContext3.validateTrigger;
+      contextValidateTrigger = _useContext3.validateTrigger;
+
   var mergedValidateTrigger = validateTrigger !== undefined ? validateTrigger : contextValidateTrigger;
   var hasName = hasValidName(name);
-  var prefixCls = getPrefixCls('form', customizePrefixCls);
-  // ========================= MISC =========================
+  var prefixCls = getPrefixCls('form', customizePrefixCls); // ========================= MISC =========================
   // Get `noStyle` required info
+
   var listContext = React.useContext(ListContext);
-  var fieldKeyPathRef = React.useRef();
-  // ======================== Errors ========================
+  var fieldKeyPathRef = React.useRef(); // ======================== Errors ========================
   // >>>>> Collect sub field errors
+
   var _useFrameState = useFrameState({}),
-    _useFrameState2 = _slicedToArray(_useFrameState, 2),
-    subFieldErrors = _useFrameState2[0],
-    setSubFieldErrors = _useFrameState2[1];
-  // >>>>> Current field errors
+      _useFrameState2 = _slicedToArray(_useFrameState, 2),
+      subFieldErrors = _useFrameState2[0],
+      setSubFieldErrors = _useFrameState2[1]; // >>>>> Current field errors
+
+
   var _useState5 = useState(function () {
-      return genEmptyMeta();
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    meta = _useState6[0],
-    setMeta = _useState6[1];
+    return genEmptyMeta();
+  }),
+      _useState6 = _slicedToArray(_useState5, 2),
+      meta = _useState6[0],
+      setMeta = _useState6[1];
+
   var onMetaChange = function onMetaChange(nextMeta) {
     // This keyInfo is not correct when field is removed
     // Since origin keyManager no longer keep the origin key anymore
     // Which means we need cache origin one and reuse when removed
-    var keyInfo = listContext === null || listContext === void 0 ? void 0 : listContext.getKey(nextMeta.name);
-    // Destroy will reset all the meta
-    setMeta(nextMeta.destroy ? genEmptyMeta() : nextMeta, true);
-    // Bump to parent since noStyle
+    var keyInfo = listContext === null || listContext === void 0 ? void 0 : listContext.getKey(nextMeta.name); // Destroy will reset all the meta
+
+    setMeta(nextMeta.destroy ? genEmptyMeta() : nextMeta, true); // Bump to parent since noStyle
+
     if (noStyle && notifyParentMetaChange) {
       var namePath = nextMeta.name;
+
       if (!nextMeta.destroy) {
         if (keyInfo !== undefined) {
           var _keyInfo = _slicedToArray(keyInfo, 2),
-            fieldKey = _keyInfo[0],
-            restPath = _keyInfo[1];
+              fieldKey = _keyInfo[0],
+              restPath = _keyInfo[1];
+
           namePath = [fieldKey].concat(_toConsumableArray(restPath));
           fieldKeyPathRef.current = namePath;
         }
@@ -134,17 +154,20 @@ function InternalFormItem(props) {
         // Use origin cache data
         namePath = fieldKeyPathRef.current || namePath;
       }
+
       notifyParentMetaChange(nextMeta, namePath);
     }
-  };
-  // >>>>> Collect noStyle Field error to the top FormItem
+  }; // >>>>> Collect noStyle Field error to the top FormItem
+
+
   var onSubItemMetaChange = function onSubItemMetaChange(subMeta, uniqueKeys) {
     // Only `noStyle` sub item will trigger
     setSubFieldErrors(function (prevSubFieldErrors) {
-      var clone = Object.assign({}, prevSubFieldErrors);
-      // name: ['user', 1] + key: [4] = ['user', 4]
+      var clone = Object.assign({}, prevSubFieldErrors); // name: ['user', 1] + key: [4] = ['user', 4]
+
       var mergedNamePath = [].concat(_toConsumableArray(subMeta.name.slice(0, -1)), _toConsumableArray(uniqueKeys));
       var mergedNameKey = mergedNamePath.join(NAME_SPLIT);
+
       if (subMeta.destroy) {
         // Remove
         delete clone[mergedNameKey];
@@ -152,13 +175,17 @@ function InternalFormItem(props) {
         // Update
         clone[mergedNameKey] = subMeta;
       }
+
       return clone;
     });
-  };
-  // >>>>> Get merged errors
+  }; // >>>>> Get merged errors
+
+
   useEffect(function () {
     var errorList = _toConsumableArray(meta.errors);
+
     var warningList = _toConsumableArray(meta.warnings);
+
     Object.values(subFieldErrors).forEach(function (subFieldError) {
       errorList.push.apply(errorList, _toConsumableArray(subFieldError.errors || []));
       warningList.push.apply(warningList, _toConsumableArray(subFieldError.warnings || []));
@@ -166,6 +193,7 @@ function InternalFormItem(props) {
     setMergedErrors(errorList);
     setMergedWarnings(warningList);
     var time = getRuleTime(rules);
+
     if (time) {
       clearTimeout(timerRef.current);
       timerRef.current = setTimeout(function () {
@@ -173,14 +201,15 @@ function InternalFormItem(props) {
         setMergedWarnings([]);
       }, time);
     }
-  }, [subFieldErrors, meta.errors, meta.warnings]);
-  // ===================== Children Ref =====================
-  var getItemRef = useItemRef();
-  // ======================== Render ========================
+  }, [subFieldErrors, meta.errors, meta.warnings]); // ===================== Children Ref =====================
+
+  var getItemRef = useItemRef(); // ======================== Render ========================
+
   function renderLayout(baseChildren, fieldId, isRequired) {
     if (noStyle && !hidden) {
       return baseChildren;
     }
+
     return /*#__PURE__*/React.createElement(ItemHolder, Object.assign({
       key: "row"
     }, props, {
@@ -193,19 +222,24 @@ function InternalFormItem(props) {
       onSubItemMetaChange: onSubItemMetaChange
     }), baseChildren);
   }
+
   if (!hasName && !isRenderProps && !dependencies) {
     return renderLayout(children);
   }
+
   var variables = {};
+
   if (typeof label === 'string') {
     variables.label = label;
   } else if (name) {
     variables.label = String(name);
   }
+
   if (messageVariables) {
     variables = Object.assign(Object.assign({}, variables), messageVariables);
-  }
-  // >>>>> With Field
+  } // >>>>> With Field
+
+
   return /*#__PURE__*/React.createElement(Field, Object.assign({}, props, {
     messageVariables: variables,
     trigger: trigger,
@@ -218,16 +252,19 @@ function InternalFormItem(props) {
       if (rule && _typeof(rule) === 'object' && rule.required && !rule.warningOnly) {
         return true;
       }
+
       if (typeof rule === 'function') {
         var ruleEntity = rule(context);
         return ruleEntity && ruleEntity.required && !ruleEntity.warningOnly;
       }
+
       return false;
-    }));
-    // ======================= Children =======================
+    })); // ======================= Children =======================
+
     var mergedControl = Object.assign({}, control);
     var childNode = null;
     warning(!(shouldUpdate && dependencies), 'Form.Item', "`shouldUpdate` and `dependencies` shouldn't be used together. See https://ant.design/components/form/#dependencies.");
+
     if (Array.isArray(children) && hasName) {
       warning(false, 'Form.Item', '`children` is array of render props cannot have `name`.');
       childNode = children;
@@ -239,21 +276,27 @@ function InternalFormItem(props) {
     } else if (isValidElement(children)) {
       warning(children.props.defaultValue === undefined, 'Form.Item', '`defaultValue` will not work on controlled Field. You should use `initialValues` of Form instead.');
       var childProps = Object.assign(Object.assign({}, children.props), mergedControl);
+
       if (!childProps.id) {
         childProps.id = fieldId;
       }
+
       if (supportRef(children)) {
         childProps.ref = getItemRef(mergedName, children);
-      }
-      // We should keep user origin event handler
+      } // We should keep user origin event handler
+
+
       var triggers = new Set([].concat(_toConsumableArray(toArray(trigger)), _toConsumableArray(toArray(mergedValidateTrigger))));
       triggers.forEach(function (eventName) {
         childProps[eventName] = function () {
           var _a2, _c2;
+
           var _a, _b, _c;
+
           for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
             args[_key] = arguments[_key];
           }
+
           (_a = mergedControl[eventName]) === null || _a === void 0 ? void 0 : (_a2 = _a).call.apply(_a2, [mergedControl].concat(args));
           (_c = (_b = children.props)[eventName]) === null || _c === void 0 ? void 0 : (_c2 = _c).call.apply(_c2, [_b].concat(args));
         };
@@ -265,12 +308,18 @@ function InternalFormItem(props) {
     } else if (isRenderProps && (shouldUpdate || dependencies) && !hasName) {
       childNode = children(context);
     } else {
-      warning(!mergedName.length, 'Form.Item', '`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead.');
+      // warning(
+      //   !mergedName.length,
+      //   'Form.Item',
+      //   '`name` is only used for validate React element. If you are using Form.Item as layout display, please remove `name` instead.',
+      // );
       childNode = children;
     }
+
     return renderLayout(childNode, fieldId, isRequired);
   });
 }
+
 var FormItem = InternalFormItem;
 FormItem.useStatus = useFormItemStatus;
 export default FormItem;

package/es/Form/FormItemInput.js

@@ -3,23 +3,24 @@ import * as React from 'react';
 import Col from '../Grid/col';
 import { FormContext, FormItemPrefixContext } from './context';
 import ErrorList from './ErrorList';
+
 var FormItemInput = function FormItemInput(props) {
   var prefixCls = props.prefixCls,
-    status = props.status,
-    wrapperCol = props.wrapperCol,
-    children = props.children,
-    errors = props.errors,
-    warnings = props.warnings,
-    formItemRender = props._internalItemRender,
-    extra = props.extra,
-    help = props.help,
-    marginBottom = props.marginBottom,
-    onErrorVisibleChanged = props.onErrorVisibleChanged;
+      status = props.status,
+      wrapperCol = props.wrapperCol,
+      children = props.children,
+      errors = props.errors,
+      warnings = props.warnings,
+      formItemRender = props._internalItemRender,
+      extra = props.extra,
+      help = props.help,
+      marginBottom = props.marginBottom,
+      onErrorVisibleChanged = props.onErrorVisibleChanged;
   var baseClassName = "".concat(prefixCls, "-item");
   var formContext = React.useContext(FormContext);
   var mergedWrapperCol = wrapperCol || formContext.wrapperCol || {};
-  var className = classNames("".concat(baseClassName, "-control"), mergedWrapperCol.className);
-  // Pass to sub FormItem should not with col info
+  var className = classNames("".concat(baseClassName, "-control"), mergedWrapperCol.className); // Pass to sub FormItem should not with col info
+
   var subFormContext = React.useMemo(function () {
     return Object.assign({}, formContext);
   }, [formContext]);
@@ -55,9 +56,9 @@ var FormItemInput = function FormItemInput(props) {
       width: 0,
       height: marginBottom
     }
-  })) : null;
-  // If extra = 0, && will goes wrong
+  })) : null; // If extra = 0, && will goes wrong
   // 0&&error -> 0
+
   var extraDom = extra ? /*#__PURE__*/React.createElement("div", {
     className: "".concat(baseClassName, "-extra")
   }, extra) : null;
@@ -72,4 +73,5 @@ var FormItemInput = function FormItemInput(props) {
     className: className
   }), dom));
 };
+
 export default FormItemInput;

package/es/Form/FormItemLabel.js

@@ -1,16 +1,20 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
+
 var __rest = this && this.__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];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(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;
 };
+
 import QuestionCircleOutlined from '@ant-design/icons/QuestionCircleOutlined';
 import classNames from 'classnames';
 import * as React from 'react';
@@ -19,72 +23,86 @@ import { useLocaleReceiver } from '../locale-provider/LocaleReceiver';
 import defaultLocale from '../Locale/default';
 import Tooltip from '../Tooltip';
 import { FormContext } from './context';
+
 function toTooltipProps(tooltip) {
   if (!tooltip) {
     return null;
   }
+
   if (_typeof(tooltip) === 'object' && ! /*#__PURE__*/React.isValidElement(tooltip)) {
     return tooltip;
   }
+
   return {
     title: tooltip
   };
 }
+
 var FormItemLabel = function FormItemLabel(_ref) {
   var prefixCls = _ref.prefixCls,
-    label = _ref.label,
-    htmlFor = _ref.htmlFor,
-    labelCol = _ref.labelCol,
-    labelAlign = _ref.labelAlign,
-    colon = _ref.colon,
-    required = _ref.required,
-    requiredMark = _ref.requiredMark,
-    tooltip = _ref.tooltip;
+      label = _ref.label,
+      htmlFor = _ref.htmlFor,
+      labelCol = _ref.labelCol,
+      labelAlign = _ref.labelAlign,
+      colon = _ref.colon,
+      required = _ref.required,
+      requiredMark = _ref.requiredMark,
+      tooltip = _ref.tooltip;
+
   var _useLocaleReceiver = useLocaleReceiver('Form'),
-    _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
-    formLocale = _useLocaleReceiver2[0];
+      _useLocaleReceiver2 = _slicedToArray(_useLocaleReceiver, 1),
+      formLocale = _useLocaleReceiver2[0];
+
   if (!label) return null;
   return /*#__PURE__*/React.createElement(FormContext.Consumer, {
     key: "label"
   }, function (_ref2) {
     var _classNames2;
+
     var vertical = _ref2.vertical,
-      contextLabelAlign = _ref2.labelAlign,
-      contextLabelCol = _ref2.labelCol,
-      labelWrap = _ref2.labelWrap,
-      contextColon = _ref2.colon;
+        contextLabelAlign = _ref2.labelAlign,
+        contextLabelCol = _ref2.labelCol,
+        labelWrap = _ref2.labelWrap,
+        contextColon = _ref2.colon;
+
     var _a;
+
     var mergedLabelCol = labelCol || contextLabelCol || {};
     var mergedLabelAlign = labelAlign || contextLabelAlign;
     var labelClsBasic = "".concat(prefixCls, "-item-label");
     var labelColClassName = classNames(labelClsBasic, mergedLabelAlign === 'left' && "".concat(labelClsBasic, "-left"), mergedLabelCol.className, _defineProperty({}, "".concat(labelClsBasic, "-wrap"), !!labelWrap));
-    var labelChildren = label;
-    // Keep label is original where there should have no colon
+    var labelChildren = label; // Keep label is original where there should have no colon
+
     var computedColon = colon === true || contextColon !== false && colon !== false;
-    var haveColon = computedColon && !vertical;
-    // Remove duplicated user input colon
+    var haveColon = computedColon && !vertical; // Remove duplicated user input colon
+
     if (haveColon && typeof label === 'string' && label.trim() !== '') {
       labelChildren = label.replace(/[:|：]\s*$/, '');
-    }
-    // Tooltip
+    } // Tooltip
+
+
     var tooltipProps = toTooltipProps(tooltip);
+
     if (tooltipProps) {
       var _tooltipProps$icon = tooltipProps.icon,
-        icon = _tooltipProps$icon === void 0 ? /*#__PURE__*/React.createElement(QuestionCircleOutlined, null) : _tooltipProps$icon,
-        restTooltipProps = __rest(tooltipProps, ["icon"]);
+          icon = _tooltipProps$icon === void 0 ? /*#__PURE__*/React.createElement(QuestionCircleOutlined, null) : _tooltipProps$icon,
+          restTooltipProps = __rest(tooltipProps, ["icon"]);
+
       var tooltipNode = /*#__PURE__*/React.createElement(Tooltip, Object.assign({}, restTooltipProps), /*#__PURE__*/React.cloneElement(icon, {
         className: "".concat(prefixCls, "-item-tooltip"),
         title: ''
       }));
       labelChildren = /*#__PURE__*/React.createElement(React.Fragment, null, labelChildren, tooltipNode);
-    }
-    // Add required mark if optional
+    } // Add required mark if optional
+
+
     if (requiredMark === 'optional' && !required) {
       labelChildren = /*#__PURE__*/React.createElement(React.Fragment, null, labelChildren, /*#__PURE__*/React.createElement("span", {
         className: "".concat(prefixCls, "-item-optional"),
         title: ""
       }, (formLocale === null || formLocale === void 0 ? void 0 : formLocale.optional) || ((_a = defaultLocale.Form) === null || _a === void 0 ? void 0 : _a.optional)));
     }
+
     var labelClassName = classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(prefixCls, "-item-required"), required), _defineProperty(_classNames2, "".concat(prefixCls, "-item-required-mark-optional"), requiredMark === 'optional'), _defineProperty(_classNames2, "".concat(prefixCls, "-item-no-colon"), !computedColon), _classNames2));
     return /*#__PURE__*/React.createElement(Col, Object.assign({}, mergedLabelCol, {
       className: labelColClassName
@@ -95,4 +113,5 @@ var FormItemLabel = function FormItemLabel(_ref) {
     }, labelChildren));
   });
 };
+
 export default FormItemLabel;

package/es/Form/FormList.js

@@ -1,25 +1,32 @@
 var __rest = this && this.__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];
   }
+
   if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(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;
 };
+
 import { List } from 'rc-field-form';
 import * as React from 'react';
 import { ConfigContext } from '../ConfigProvider';
 import warning from '../_util/warning';
 import { FormItemPrefixContext } from './context';
+
 var FormList = function FormList(_a) {
   var customizePrefixCls = _a.prefixCls,
-    children = _a.children,
-    props = __rest(_a, ["prefixCls", "children"]);
+      children = _a.children,
+      props = __rest(_a, ["prefixCls", "children"]);
+
   warning(!!props.name, 'Form.List', 'Miss `name` prop.');
+
   var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls;
+      getPrefixCls = _React$useContext.getPrefixCls;
+
   var prefixCls = getPrefixCls('form', customizePrefixCls);
   var contextValue = React.useMemo(function () {
     return {
@@ -40,4 +47,5 @@ var FormList = function FormList(_a) {
     }));
   });
 };
+
 export default FormList;

package/es/Form/FormWrapper.js

@@ -1,18 +1,22 @@
 import React from 'react';
 import WrapperItem from './WrapperItem';
+
 function withComponent(WrappedComponent) {
   var WithComponent = function WithComponent(props) {
     return /*#__PURE__*/React.createElement(WrappedComponent, Object.assign({}, props, {
       with: true
     }));
   };
+
   var wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
   WithComponent.displayName = "withComponent(".concat(wrappedComponentName, ")");
   return WithComponent;
 }
+
 var FormWrapper = function FormWrapper(props) {
   return /*#__PURE__*/React.createElement(WrapperItem, Object.assign({}, props, {
     user: true
   }));
 };
+
 export default withComponent(FormWrapper);