linkmore-design 1.1.32 → 1.1.33

package/lib/Form/Form.js

@@ -1,7 +1,9 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -24,78 +26,103 @@ Object.defineProperty(exports, "useWatch", {
     return _rcFieldForm.useWatch;
   }
 });
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _rcFieldForm = _interopRequireWildcard(require("rc-field-form"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _ConfigProvider = require("../ConfigProvider");
+
 var _DisabledContext = _interopRequireWildcard(require("../ConfigProvider/DisabledContext"));
+
 var _SizeContext = _interopRequireWildcard(require("../ConfigProvider/SizeContext"));
+
 var _context = require("./context");
+
 var _useForm3 = _interopRequireDefault(require("./hooks/useForm"));
+
 var _WrapperItem = _interopRequireDefault(require("./WrapperItem"));
+
 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];
   }
+
   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;
 };
+
 var InternalForm = function InternalForm(props, ref) {
   var _classNames;
+
   var contextSize = React.useContext(_SizeContext.default);
   var contextDisabled = React.useContext(_DisabledContext.default);
+
   var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    contextForm = _React$useContext.form;
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction,
+      contextForm = _React$useContext.form;
+
   var customizePrefixCls = props.prefixCls,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    _props$size = props.size,
-    size = _props$size === void 0 ? contextSize : _props$size,
-    _props$disabled = props.disabled,
-    disabled = _props$disabled === void 0 ? contextDisabled : _props$disabled,
-    form = props.form,
-    colon = props.colon,
-    labelAlign = props.labelAlign,
-    labelWrap = props.labelWrap,
-    labelCol = props.labelCol,
-    wrapperCol = props.wrapperCol,
-    hideRequiredMark = props.hideRequiredMark,
-    _props$layout = props.layout,
-    layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
-    scrollToFirstError = props.scrollToFirstError,
-    requiredMark = props.requiredMark,
-    onFinishFailed = props.onFinishFailed,
-    name = props.name,
-    responsive = props.responsive,
-    customizeChildren = props.children,
-    restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive", "children"]);
+      _props$className = props.className,
+      className = _props$className === void 0 ? '' : _props$className,
+      _props$size = props.size,
+      size = _props$size === void 0 ? contextSize : _props$size,
+      _props$disabled = props.disabled,
+      disabled = _props$disabled === void 0 ? contextDisabled : _props$disabled,
+      form = props.form,
+      colon = props.colon,
+      labelAlign = props.labelAlign,
+      labelWrap = props.labelWrap,
+      labelCol = props.labelCol,
+      wrapperCol = props.wrapperCol,
+      hideRequiredMark = props.hideRequiredMark,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? 'horizontal' : _props$layout,
+      scrollToFirstError = props.scrollToFirstError,
+      requiredMark = props.requiredMark,
+      onFinishFailed = props.onFinishFailed,
+      name = props.name,
+      responsive = props.responsive,
+      customizeChildren = props.children,
+      restFormProps = __rest(props, ["prefixCls", "className", "size", "disabled", "form", "colon", "labelAlign", "labelWrap", "labelCol", "wrapperCol", "hideRequiredMark", "layout", "scrollToFirstError", "requiredMark", "onFinishFailed", "name", "responsive", "children"]);
+
   var children = customizeChildren;
   var mergedRequiredMark = (0, React.useMemo)(function () {
     if (requiredMark !== undefined) {
       return requiredMark;
     }
+
     if (contextForm && contextForm.requiredMark !== undefined) {
       return contextForm.requiredMark;
     }
+
     if (hideRequiredMark) {
       return false;
     }
+
     return true;
   }, [hideRequiredMark, requiredMark, contextForm]);
   var mergedColon = colon !== null && colon !== void 0 ? colon : contextForm === null || contextForm === void 0 ? void 0 : contextForm.colon;
   var prefixCls = getPrefixCls('form', customizePrefixCls);
   var formClassName = (0, _classnames.default)('lm_form', prefixCls, (_classNames = {}, (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(layout), true), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-hide-required-mark"), mergedRequiredMark === false), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), (0, _defineProperty2.default)(_classNames, "".concat(prefixCls, "-").concat(size), size), _classNames), className);
+
   var _useForm = (0, _useForm3.default)(form),
-    _useForm2 = (0, _slicedToArray2.default)(_useForm, 1),
-    wrapForm = _useForm2[0];
+      _useForm2 = (0, _slicedToArray2.default)(_useForm, 1),
+      wrapForm = _useForm2[0];
+
   var __INTERNAL__ = wrapForm.__INTERNAL__;
   __INTERNAL__.name = name;
   var formContextValue = (0, React.useMemo)(function () {
@@ -115,23 +142,28 @@ var InternalForm = function InternalForm(props, ref) {
   React.useImperativeHandle(ref, function () {
     return wrapForm;
   });
+
   var onInternalFinishFailed = function onInternalFinishFailed(errorInfo) {
     onFinishFailed === null || onFinishFailed === void 0 ? void 0 : onFinishFailed(errorInfo);
     var defaultScrollToFirstError = {
       block: 'nearest'
     };
+
     if (scrollToFirstError && errorInfo.errorFields.length) {
       if ((0, _typeof2.default)(scrollToFirstError) === 'object') {
         defaultScrollToFirstError = scrollToFirstError;
       }
+
       wrapForm.scrollToField(errorInfo.errorFields[0].name, defaultScrollToFirstError);
     }
   };
+
   if (responsive) {
     children = /*#__PURE__*/React.createElement(_WrapperItem.default, {
       children: children
     });
   }
+
   var formNode = /*#__PURE__*/React.createElement(_DisabledContext.DisabledContextProvider, {
     disabled: disabled
   }, /*#__PURE__*/React.createElement(_SizeContext.SizeContextProvider, {
@@ -147,13 +179,16 @@ var InternalForm = function InternalForm(props, ref) {
     form: wrapForm,
     className: formClassName
   })))));
+
   if (responsive) {
     return /*#__PURE__*/React.createElement("div", {
       className: "lm_form_responsive_box"
     }, formNode);
   }
+
   return formNode;
 };
+
 var Form = /*#__PURE__*/React.forwardRef(InternalForm);
 var _default = Form;
 exports.default = _default;

package/lib/Form/FormItem/ItemHolder.js

@@ -1,88 +1,119 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ItemHolder;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _CheckCircleFilled = _interopRequireDefault(require("@ant-design/icons/CheckCircleFilled"));
+
 var _CloseCircleFilled = _interopRequireDefault(require("@ant-design/icons/CloseCircleFilled"));
+
 var _ExclamationCircleFilled = _interopRequireDefault(require("@ant-design/icons/ExclamationCircleFilled"));
+
 var _LoadingOutlined = _interopRequireDefault(require("@ant-design/icons/LoadingOutlined"));
+
 var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+
 var _Grid = require("../../Grid");
+
 var _FormItemLabel = _interopRequireDefault(require("../FormItemLabel"));
+
 var _FormItemInput = _interopRequireDefault(require("../FormItemInput"));
+
 var _context = require("../context");
+
 var _useDebounce = _interopRequireDefault(require("../hooks/useDebounce"));
+
 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];
   }
+
   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;
 };
+
 var iconMap = {
   success: _CheckCircleFilled.default,
   warning: _ExclamationCircleFilled.default,
   error: _CloseCircleFilled.default,
   validating: _LoadingOutlined.default
 };
+
 function ItemHolder(props) {
   var _itemClassName;
+
   var prefixCls = props.prefixCls,
-    className = props.className,
-    style = props.style,
-    help = props.help,
-    errors = props.errors,
-    warnings = props.warnings,
-    validateStatus = props.validateStatus,
-    meta = props.meta,
-    hasFeedback = props.hasFeedback,
-    hidden = props.hidden,
-    children = props.children,
-    fieldId = props.fieldId,
-    isRequired = props.isRequired,
-    responsive = props.responsive,
-    _props$errorPlacement = props.errorPlacement,
-    errorPlacement = _props$errorPlacement === void 0 ? 'default' : _props$errorPlacement,
-    onSubItemMetaChange = props.onSubItemMetaChange,
-    restProps = __rest(props, ["prefixCls", "className", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "isRequired", "responsive", "errorPlacement", "onSubItemMetaChange"]);
+      className = props.className,
+      style = props.style,
+      help = props.help,
+      errors = props.errors,
+      warnings = props.warnings,
+      validateStatus = props.validateStatus,
+      meta = props.meta,
+      hasFeedback = props.hasFeedback,
+      hidden = props.hidden,
+      children = props.children,
+      fieldId = props.fieldId,
+      isRequired = props.isRequired,
+      responsive = props.responsive,
+      _props$errorPlacement = props.errorPlacement,
+      errorPlacement = _props$errorPlacement === void 0 ? 'default' : _props$errorPlacement,
+      onSubItemMetaChange = props.onSubItemMetaChange,
+      restProps = __rest(props, ["prefixCls", "className", "style", "help", "errors", "warnings", "validateStatus", "meta", "hasFeedback", "hidden", "children", "fieldId", "isRequired", "responsive", "errorPlacement", "onSubItemMetaChange"]);
+
   var itemPrefixCls = "".concat(prefixCls, "-item");
+
   var _React$useContext = React.useContext(_context.FormContext),
-    requiredMark = _React$useContext.requiredMark;
-  // ======================== Margin ========================
+      requiredMark = _React$useContext.requiredMark; // ======================== Margin ========================
+
+
   var itemRef = React.useRef(null);
   var debounceErrors = (0, _useDebounce.default)(errors);
   var debounceWarnings = (0, _useDebounce.default)(warnings);
   var hasHelp = help !== undefined && help !== null;
   var hasError = !!(hasHelp || errors.length || warnings.length);
+
   var _React$useState = React.useState(null),
-    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
-    marginBottom = _React$useState2[0],
-    setMarginBottom = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      marginBottom = _React$useState2[0],
+      setMarginBottom = _React$useState2[1];
+
   (0, _useLayoutEffect.default)(function () {
     if (hasError && itemRef.current) {
       var itemStyle = getComputedStyle(itemRef.current);
       setMarginBottom(parseInt(itemStyle.marginBottom, 10));
     }
   }, [hasError]);
+
   var onErrorVisibleChanged = function onErrorVisibleChanged(nextVisible) {
     if (!nextVisible) {
       setMarginBottom(null);
     }
-  };
-  // ======================== Status ========================
+  }; // ======================== Status ========================
+
+
   var mergedValidateStatus = '';
+
   if (validateStatus !== undefined) {
     mergedValidateStatus = validateStatus;
   } else if (meta.validating) {
@@ -94,22 +125,25 @@ function ItemHolder(props) {
   } else if (meta.touched) {
     mergedValidateStatus = 'success';
   }
+
   var formItemStatusContext = React.useMemo(function () {
     var feedbackIcon;
+
     if (hasFeedback) {
       var IconNode = mergedValidateStatus && iconMap[mergedValidateStatus];
       feedbackIcon = IconNode ? /*#__PURE__*/React.createElement("span", {
         className: (0, _classnames.default)("".concat(itemPrefixCls, "-feedback-icon"), "".concat(itemPrefixCls, "-feedback-icon-").concat(mergedValidateStatus))
       }, /*#__PURE__*/React.createElement(IconNode, null)) : null;
     }
+
     return {
       status: mergedValidateStatus,
       hasFeedback: hasFeedback,
       feedbackIcon: feedbackIcon,
       isFormItemInput: true
     };
-  }, [mergedValidateStatus, hasFeedback]);
-  // ======================== Render ========================
+  }, [mergedValidateStatus, hasFeedback]); // ======================== Render ========================
+
   var itemClassName = (_itemClassName = {}, (0, _defineProperty2.default)(_itemClassName, itemPrefixCls, true), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-with-help"), hasHelp || debounceErrors.length || debounceWarnings.length), (0, _defineProperty2.default)(_itemClassName, "".concat(className), !!className), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-feedback"), mergedValidateStatus && hasFeedback), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-success"), mergedValidateStatus === 'success'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-warning"), mergedValidateStatus === 'warning'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-has-error"), mergedValidateStatus === 'error'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-is-validating"), mergedValidateStatus === 'validating'), (0, _defineProperty2.default)(_itemClassName, "".concat(itemPrefixCls, "-hidden"), hidden), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-top', errorPlacement === 'top'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-left', errorPlacement === 'left'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-right', errorPlacement === 'right'), (0, _defineProperty2.default)(_itemClassName, 'lm_form-item-tip-error lm_form-item-tip-error-bottom', errorPlacement === 'bottom'), (0, _defineProperty2.default)(_itemClassName, 'ant-form-item-responsive', responsive), _itemClassName);
   return /*#__PURE__*/React.createElement("div", {
     className: (0, _classnames.default)(itemClassName),

package/lib/Form/FormItem/index.d.ts

@@ -6,11 +6,11 @@ import useFormItemStatus from '../hooks/useFormItemStatus';
 import type { FormItemInputProps } from '../FormItemInput';
 import type { FormItemLabelProps, LabelTooltipType } from '../FormItemLabel';
 declare const ValidateStatuses: ["success", "warning", "error", "validating", ""];
-export type ValidateStatus = typeof ValidateStatuses[number];
-type RenderChildren<Values = any> = (form: FormInstance<Values>) => React.ReactNode;
-type RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>;
-type ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode;
-export type LmRule = Rule & {
+export declare type ValidateStatus = typeof ValidateStatuses[number];
+declare type RenderChildren<Values = any> = (form: FormInstance<Values>) => React.ReactNode;
+declare type RcFieldProps<Values = any> = Omit<FieldProps<Values>, 'children'>;
+declare type ChildrenType<Values = any> = RenderChildren<Values> | React.ReactNode;
+export declare type LmRule = Rule & {
     time?: number;
 };
 export interface FormItemProps<Values = any> extends FormItemLabelProps, FormItemInputProps, Omit<RcFieldProps<Values>, 'rules'> {
@@ -36,7 +36,7 @@ export interface FormItemProps<Values = any> extends FormItemLabelProps, FormIte
     responsive?: boolean;
 }
 declare function InternalFormItem<Values = any>(props: FormItemProps<Values>): React.ReactElement;
-type InternalFormItemType = typeof InternalFormItem;
+declare type InternalFormItemType = typeof InternalFormItem;
 interface FormItemInterface extends InternalFormItemType {
     useStatus: typeof useFormItemStatus;
 }