linkmore-design 1.1.27-alpha.0 → 1.1.27-beta.2

package/es/Form/FormItem/index.js

@@ -25,15 +25,12 @@ 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: [],
@@ -43,19 +40,15 @@ 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;
       }
@@ -65,88 +58,75 @@ 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;
         }
@@ -154,20 +134,17 @@ 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];
@@ -175,17 +152,13 @@ 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 || []));
@@ -193,7 +166,6 @@ function InternalFormItem(props) {
     setMergedErrors(errorList);
     setMergedWarnings(warningList);
     var time = getRuleTime(rules);
-
     if (time) {
       clearTimeout(timerRef.current);
       timerRef.current = setTimeout(function () {
@@ -201,15 +173,14 @@ 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, {
@@ -222,24 +193,19 @@ 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,
@@ -252,19 +218,16 @@ 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;
@@ -276,27 +239,21 @@ 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));
         };
@@ -311,11 +268,9 @@ function InternalFormItem(props) {
       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,24 +3,23 @@ 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]);
@@ -56,9 +55,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;
@@ -73,5 +72,4 @@ var FormItemInput = function FormItemInput(props) {
     className: className
   }), dom));
 };
-
 export default FormItemInput;

package/es/Form/FormItemLabel.js

@@ -1,20 +1,16 @@
 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';
@@ -23,86 +19,72 @@ 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
@@ -113,5 +95,4 @@ var FormItemLabel = function FormItemLabel(_ref) {
     }, labelChildren));
   });
 };
-
 export default FormItemLabel;

package/es/Form/FormList.js

@@ -1,32 +1,25 @@
 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 {
@@ -47,5 +40,4 @@ var FormList = function FormList(_a) {
     }));
   });
 };
-
 export default FormList;

package/es/Form/FormWrapper.js

@@ -1,22 +1,18 @@
 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);