linkmore-design 1.1.27-beta.5 → 1.1.28

package/es/Form/WrapperItem.js

@@ -4,16 +4,21 @@ import React, { useEffect, useRef, useState, useMemo } from 'react';
 import { throttle } from 'lodash';
 import Row from '../Row';
 import Col from '../Col';
-var icon = require('./images/icon_collapse.svg');
-// 行个数 => 在24份中占用的分数
+
+var icon = require('./images/icon_collapse.svg'); // 行个数 => 在24份中占用的分数
+
+
 var rowMap = new Map([[5, [4, 1]], [4, [5, 1]], [3, [7, 1]]]);
+
 var Title = function Title(props) {
   var title = props.title,
-    onToggle = props.onToggle;
+      onToggle = props.onToggle;
+
   var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
   return /*#__PURE__*/React.createElement("div", {
     className: "form_responsive_group_title",
     onClick: function onClick() {
@@ -26,30 +31,38 @@ var Title = function Title(props) {
     alt: ""
   }));
 };
+
 var List = function List(props) {
   var customizeChildren = props.children,
-    countPerRow = props.countPerRow,
-    title = props.title,
-    user = props.user;
+      countPerRow = props.countPerRow,
+      title = props.title,
+      user = props.user;
+
   var _rowMap$get = rowMap.get(countPerRow),
-    _rowMap$get2 = _slicedToArray(_rowMap$get, 2),
-    colSpan = _rowMap$get2[0],
-    colSpace = _rowMap$get2[1];
+      _rowMap$get2 = _slicedToArray(_rowMap$get, 2),
+      colSpan = _rowMap$get2[0],
+      colSpace = _rowMap$get2[1];
+
   var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    visible = _useState4[0],
-    setVisible = _useState4[1];
-  // 最终的结果
+      _useState4 = _slicedToArray(_useState3, 2),
+      visible = _useState4[0],
+      setVisible = _useState4[1]; // 最终的结果
+
+
   var rowlist = useMemo(function () {
     var _a;
-    var children = [];
-    // 收集(满了就重置)
+
+    var children = []; // 收集(满了就重置)
+
     var collection = [];
     var result = [];
+
     if (!Array.isArray(customizeChildren)) {
       children = [customizeChildren];
     }
+
     children = Array.prototype.slice.call(customizeChildren).flat();
+
     if (user) {
       result.push( /*#__PURE__*/React.createElement(Title, {
         title: title,
@@ -57,8 +70,9 @@ var List = function List(props) {
           setVisible(value);
         }
       }));
-    }
-    // 一行
+    } // 一行
+
+
     function generatorRow() {
       var node = /*#__PURE__*/React.createElement(Row, null, collection.map(function (child, index) {
         if (index !== collection.length - 1) {
@@ -70,6 +84,7 @@ var List = function List(props) {
             span: colSpace
           }));
         }
+
         return /*#__PURE__*/React.createElement(Col, {
           span: colSpan,
           key: index
@@ -78,21 +93,26 @@ var List = function List(props) {
       result.push(node);
       collection.length = 0;
     }
+
     for (var i = 0; i < children.length; i += 1) {
-      var child = children[i];
-      // 过滤掉React.Fragment
+      var child = children[i]; // 过滤掉React.Fragment
+
       while (child.type === Symbol.for('react.fragment')) {
         if (Array.isArray(child.props.children)) {
           var _children;
+
           (_children = children).splice.apply(_children, [i, 1].concat(_toConsumableArray(child.props.children)));
+
           child = children[i];
         } else {
           child = child.props.children;
         }
       }
+
       if (child) {
         if ((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.responsive) {
           collection.push(child);
+
           if (collection.length && collection.length === countPerRow) {
             generatorRow();
           }
@@ -104,42 +124,53 @@ var List = function List(props) {
         }
       }
     }
+
     if (collection.length) {
       generatorRow();
     }
+
     return result;
   }, [customizeChildren, countPerRow, user, title]);
   var needRenderList = rowlist;
+
   if (!visible && needRenderList.length) {
     needRenderList = [needRenderList[0]];
   }
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, needRenderList.map(function (child, index) {
     return /*#__PURE__*/React.createElement(React.Fragment, {
       key: index
     }, child);
   }));
 };
+
 var WrapperItem = function WrapperItem(props) {
   var user = props.user;
   var targetRef = useRef(null);
+
   var _useState5 = useState({
-      width: '100%',
-      height: '100%'
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    containerSize = _useState6[0],
-    setContainerSize = _useState6[1];
-  // 每行的个数
+    width: '100%',
+    height: '100%'
+  }),
+      _useState6 = _slicedToArray(_useState5, 2),
+      containerSize = _useState6[0],
+      setContainerSize = _useState6[1]; // 每行的个数
+
+
   var _useState7 = useState(5),
-    _useState8 = _slicedToArray(_useState7, 2),
-    countPerRow = _useState8[0],
-    setCountPerRow = _useState8[1];
+      _useState8 = _slicedToArray(_useState7, 2),
+      countPerRow = _useState8[0],
+      setCountPerRow = _useState8[1];
+
   var changeSize = function changeSize() {
     var _a;
+
     var maxWidth = 1824;
+
     var _ref = ((_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {},
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? '100%' : _ref$width;
+        _ref$width = _ref.width,
+        width = _ref$width === void 0 ? '100%' : _ref$width;
+
     if (width < 990) {
       setCountPerRow(3);
     } else if (width < 1390) {
@@ -147,18 +178,22 @@ var WrapperItem = function WrapperItem(props) {
     } else {
       setCountPerRow(5);
     }
+
     if (width !== '100%') {
       width -= 32;
+
       if (width > maxWidth) {
         if (user) {
           width = maxWidth - 64;
         }
       }
     }
+
     setContainerSize({
       width: width
     });
   };
+
   var handResize = throttle(changeSize, 600);
   useEffect(function () {
     changeSize();
@@ -178,4 +213,5 @@ var WrapperItem = function WrapperItem(props) {
     countPerRow: countPerRow
   })))));
 };
+
 export default WrapperItem;

package/es/Form/container.js

@@ -1,35 +1,42 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+
 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 React, { useCallback, useEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import { throttle } from 'lodash';
 import { updateFormResponsiveClass } from './util';
 var prefixCls = 'lm_container';
+
 var LMContainer = function LMContainer(props) {
   var children = props.children,
-    className = props.className,
-    responsive = props.responsive,
-    others = __rest(props, ["children", "className", "responsive"]);
+      className = props.className,
+      responsive = props.responsive,
+      others = __rest(props, ["children", "className", "responsive"]);
+
   var _useState = useState({
-      width: '100%',
-      height: '100%'
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    containerSize = _useState2[0],
-    setContainerSize = _useState2[1];
+    width: '100%',
+    height: '100%'
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      containerSize = _useState2[0],
+      setContainerSize = _useState2[1];
+
   var containerWrapRef = useRef(null);
   var throttleSize = useCallback(function () {
     var width = containerSize.width,
-      height = containerSize.height;
+        height = containerSize.height;
     var responsiveCls = responsive && width !== '100%' ? 'responsive' : '';
     var classes = classNames(className, prefixCls, responsiveCls);
     return /*#__PURE__*/React.createElement("div", Object.assign({
@@ -41,17 +48,22 @@ var LMContainer = function LMContainer(props) {
       }
     }), children);
   }, [containerSize, props]);
+
   var changeSize = function changeSize() {
     var _a;
+
     updateFormResponsiveClass(containerWrapRef.current);
+
     var _ref = ((_a = containerWrapRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {},
-      _ref$width = _ref.width,
-      width = _ref$width === void 0 ? '100%' : _ref$width;
+        _ref$width = _ref.width,
+        width = _ref$width === void 0 ? '100%' : _ref$width;
+
     setContainerSize({
       width: width,
       height: '100%'
     });
   };
+
   var handResize = throttle(changeSize, 600);
   useEffect(function () {
     setTimeout(function () {
@@ -71,4 +83,5 @@ var LMContainer = function LMContainer(props) {
     }
   }, throttleSize());
 };
+
 export default LMContainer;

package/es/Form/context.js

@@ -18,19 +18,22 @@ export var FormItemPrefixContext = /*#__PURE__*/React.createContext({
 export var FormItemInputContext = /*#__PURE__*/React.createContext({});
 export var NoFormStyle = function NoFormStyle(_ref) {
   var children = _ref.children,
-    status = _ref.status,
-    override = _ref.override;
+      status = _ref.status,
+      override = _ref.override;
   var formItemInputContext = useContext(FormItemInputContext);
   var newFormItemInputContext = useMemo(function () {
     var newContext = Object.assign({}, formItemInputContext);
+
     if (override) {
       delete newContext.isFormItemInput;
     }
+
     if (status) {
       delete newContext.status;
       delete newContext.hasFeedback;
       delete newContext.feedbackIcon;
     }
+
     return newContext;
   }, [status, override, formItemInputContext]);
   return /*#__PURE__*/React.createElement(FormItemInputContext.Provider, {

package/es/Form/hooks/useDebounce.js

@@ -2,9 +2,10 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
 export default function useDebounce(value) {
   var _React$useState = React.useState(value),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    cacheValue = _React$useState2[0],
-    setCacheValue = _React$useState2[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      cacheValue = _React$useState2[0],
+      setCacheValue = _React$useState2[1];
+
   React.useEffect(function () {
     var timeout = setTimeout(function () {
       setCacheValue(value);

package/es/Form/hooks/useForm.js

@@ -3,14 +3,17 @@ import { useForm as useRcForm } from 'rc-field-form';
 import * as React from 'react';
 import scrollIntoView from 'scroll-into-view-if-needed';
 import { getFieldId, toArray } from '../util';
+
 function toNamePathStr(name) {
   var namePath = toArray(name);
   return namePath.join('_');
 }
+
 export default function useForm(form) {
   var _useRcForm = useRcForm(),
-    _useRcForm2 = _slicedToArray(_useRcForm, 1),
-    rcForm = _useRcForm2[0];
+      _useRcForm2 = _slicedToArray(_useRcForm, 1),
+      rcForm = _useRcForm2[0];
+
   var itemsRef = React.useRef({});
   var wrapForm = React.useMemo(function () {
     return form !== null && form !== void 0 ? form : Object.assign(Object.assign({}, rcForm), {
@@ -18,6 +21,7 @@ export default function useForm(form) {
         itemRef: function itemRef(name) {
           return function (node) {
             var namePathStr = toNamePathStr(name);
+
             if (node) {
               itemsRef.current[namePathStr] = node;
             } else {
@@ -31,6 +35,7 @@ export default function useForm(form) {
         var namePath = toArray(name);
         var fieldId = getFieldId(namePath, wrapForm.__INTERNAL__.name);
         var node = fieldId ? document.getElementById(fieldId) : null;
+
         if (node) {
           scrollIntoView(node, Object.assign({
             scrollMode: 'if-needed',

package/es/Form/hooks/useFormInstance.js

@@ -2,6 +2,7 @@ import { useContext } from 'react';
 import { FormContext } from '../context';
 export default function useFormInstance() {
   var _useContext = useContext(FormContext),
-    form = _useContext.form;
+      form = _useContext.form;
+
   return form;
 }

package/es/Form/hooks/useFormItemStatus.js

@@ -1,12 +1,15 @@
 import { useContext } from 'react';
 import { FormItemInputContext } from '../context';
 import warning from '../../_util/warning';
+
 var useFormItemStatus = function useFormItemStatus() {
   var _useContext = useContext(FormItemInputContext),
-    status = _useContext.status;
+      status = _useContext.status;
+
   warning(status !== undefined, 'Form.Item', "Form.Item.useStatus should be used under Form.Item component. For more information: ".concat(window.location.protocol, "//").concat(window.location.host, "/components/form-cn/#Form.Item.useStatus"));
   return {
     status: status
   };
 };
+
 export default useFormItemStatus;

package/es/Form/hooks/useFrameState.js

@@ -4,9 +4,10 @@ import * as React from 'react';
 import { useRef } from 'react';
 export default function useFrameState(defaultValue) {
   var _React$useState = React.useState(defaultValue),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    value = _React$useState2[0],
-    setValue = _React$useState2[1];
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      value = _React$useState2[0],
+      setValue = _React$useState2[1];
+
   var frameRef = useRef(null);
   var batchRef = useRef([]);
   var destroyRef = useRef(false);
@@ -18,10 +19,12 @@ export default function useFrameState(defaultValue) {
       frameRef.current = null;
     };
   }, []);
+
   function setFrameValue(updater) {
     if (destroyRef.current) {
       return;
     }
+
     if (frameRef.current === null) {
       batchRef.current = [];
       frameRef.current = raf(function () {
@@ -35,7 +38,9 @@ export default function useFrameState(defaultValue) {
         });
       });
     }
+
     batchRef.current.push(updater);
   }
+
   return [value, setFrameValue];
 }

package/es/Form/hooks/useItemRef.js

@@ -4,17 +4,22 @@ import * as React from 'react';
 import { FormContext } from '../context';
 export default function useItemRef() {
   var _React$useContext = React.useContext(FormContext),
-    itemRef = _React$useContext.itemRef;
+      itemRef = _React$useContext.itemRef;
+
   var cacheRef = React.useRef({});
+
   function getRef(name, children) {
     var childrenRef = children && _typeof(children) === 'object' && children.ref;
     var nameStr = name.join('_');
+
     if (cacheRef.current.name !== nameStr || cacheRef.current.originRef !== childrenRef) {
       cacheRef.current.name = nameStr;
       cacheRef.current.originRef = childrenRef;
       cacheRef.current.ref = composeRef(itemRef(name), childrenRef);
     }
+
     return cacheRef.current.ref;
   }
+
   return getRef;
 }

package/es/Form/index.js

@@ -14,8 +14,10 @@ Form.useForm = useForm;
 Form.useFormInstance = useFormInstance;
 Form.useWatch = useWatch;
 Form.Provider = FormProvider;
+
 Form.create = function () {
   warning(false, 'Form', 'antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.');
 };
+
 Form.Wrapper = Wrapper;
 export default Form;

package/es/Form/style/index.css

@@ -6656,10 +6656,6 @@ p {
 .form_responsive_group_title img.open {
   transform: rotate(180deg);
 }
-.lm_form.ant-form .ant-form-item .ant-form-item-explain {
-  line-height: 16px;
-  height: 16px;
-}
 .lm_form-item-tip-error .ant-form-item-explain {
   width: 100%;
   position: absolute;

package/es/Form/style/variables.css

@@ -6144,10 +6144,6 @@
 .form_responsive_group_title img.open {
   transform: rotate(180deg);
 }
-.lm_form.ant-form .ant-form-item .ant-form-item-explain {
-  line-height: 16px;
-  height: 16px;
-}
 .lm_form-item-tip-error .ant-form-item-explain {
   width: 100%;
   position: absolute;

package/es/Form/util.js

@@ -1,7 +1,7 @@
 // form item name black list.  in form ,you can use form.id get the form item element.
 // use object hasOwnProperty will get better performance if black list is longer.
-var formItemNameBlackList = ['parentNode'];
-// default form item id prefix.
+var formItemNameBlackList = ['parentNode']; // default form item id prefix.
+
 var defaultItemNamePrefixCls = 'form_item';
 export function toArray(candidate) {
   if (candidate === undefined || candidate === false) return [];
@@ -10,19 +10,23 @@ export function toArray(candidate) {
 export function getFieldId(namePath, formName) {
   if (!namePath.length) return undefined;
   var mergedId = namePath.join('_');
+
   if (formName) {
     return "".concat(formName, "_").concat(mergedId);
   }
+
   var isIllegalName = formItemNameBlackList.indexOf(mergedId) >= 0;
   return isIllegalName ? "".concat(defaultItemNamePrefixCls, "_").concat(mergedId) : mergedId;
 }
 export function updateFormResponsiveClass(dom) {
   var form = dom.tagName.toLocaleLowerCase() === 'form' ? dom : dom.querySelector('form');
+
   if (form) {
     var index = 0;
     Array.prototype.slice.call(form.children).forEach(function (element) {
       if (element.classList.contains('ant-form-item-responsive')) {
         index += 1;
+
         if (index % 3 === 0) {
           element.classList.add('nth-three');
         } else if (index % 4 === 0) {

package/es/FullScreen/index.js

@@ -1,16 +1,18 @@
 import React, { useEffect } from 'react';
 import ReactDom from 'react-dom';
+
 var FullScreen = function FullScreen(props) {
   var children = props.children,
-    _props$status = props.status,
-    status = _props$status === void 0 ? false : _props$status,
-    onClose = props.onClose;
+      _props$status = props.status,
+      status = _props$status === void 0 ? false : _props$status,
+      onClose = props.onClose;
   useEffect(function () {
     var fn = function fn(event) {
       if (event.keyCode === 27) {
         onClose === null || onClose === void 0 ? void 0 : onClose();
       }
     };
+
     window.addEventListener('keydown', fn);
     return function () {
       window.removeEventListener('keydown', fn);
@@ -20,4 +22,5 @@ var FullScreen = function FullScreen(props) {
     className: 'lm_funll_screen'
   }, children), document.body) : children;
 };
+
 export default FullScreen;