linkmore-design 1.1.29 → 1.1.30

package/lib/Form/FormItemLabel.js

@@ -1,98 +1,128 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _QuestionCircleOutlined = _interopRequireDefault(require("@ant-design/icons/QuestionCircleOutlined"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var _col = _interopRequireDefault(require("../Grid/col"));
+
 var _LocaleReceiver = require("../locale-provider/LocaleReceiver");
+
 var _default2 = _interopRequireDefault(require("../Locale/default"));
+
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+
 var _context = require("./context");
+
 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;
 };
+
 function toTooltipProps(tooltip) {
   if (!tooltip) {
     return null;
   }
+
   if ((0, _typeof2.default)(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 = (0, _LocaleReceiver.useLocaleReceiver)('Form'),
-    _useLocaleReceiver2 = (0, _slicedToArray2.default)(_useLocaleReceiver, 1),
-    formLocale = _useLocaleReceiver2[0];
+      _useLocaleReceiver2 = (0, _slicedToArray2.default)(_useLocaleReceiver, 1),
+      formLocale = _useLocaleReceiver2[0];
+
   if (!label) return null;
   return /*#__PURE__*/React.createElement(_context.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 = (0, _classnames.default)(labelClsBasic, mergedLabelAlign === 'left' && "".concat(labelClsBasic, "-left"), mergedLabelCol.className, (0, _defineProperty2.default)({}, "".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.default, null) : _tooltipProps$icon,
-        restTooltipProps = __rest(tooltipProps, ["icon"]);
+          icon = _tooltipProps$icon === void 0 ? /*#__PURE__*/React.createElement(_QuestionCircleOutlined.default, null) : _tooltipProps$icon,
+          restTooltipProps = __rest(tooltipProps, ["icon"]);
+
       var tooltipNode = /*#__PURE__*/React.createElement(_Tooltip.default, 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 = _default2.default.Form) === null || _a === void 0 ? void 0 : _a.optional)));
     }
+
     var labelClassName = (0, _classnames.default)((_classNames2 = {}, (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-item-required"), required), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-item-required-mark-optional"), requiredMark === 'optional'), (0, _defineProperty2.default)(_classNames2, "".concat(prefixCls, "-item-no-colon"), !computedColon), _classNames2));
     return /*#__PURE__*/React.createElement(_col.default, Object.assign({}, mergedLabelCol, {
       className: labelColClassName
@@ -103,5 +133,6 @@ var FormItemLabel = function FormItemLabel(_ref) {
     }, labelChildren));
   });
 };
+
 var _default = FormItemLabel;
 exports.default = _default;

package/lib/Form/FormList.js

@@ -1,33 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _rcFieldForm = require("rc-field-form");
+
 var React = _interopRequireWildcard(require("react"));
+
 var _ConfigProvider = require("../ConfigProvider");
+
 var _warning = _interopRequireDefault(require("../_util/warning"));
+
 var _context = require("./context");
+
 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 FormList = function FormList(_a) {
   var customizePrefixCls = _a.prefixCls,
-    children = _a.children,
-    props = __rest(_a, ["prefixCls", "children"]);
+      children = _a.children,
+      props = __rest(_a, ["prefixCls", "children"]);
+
   (0, _warning.default)(!!props.name, 'Form.List', 'Miss `name` prop.');
+
   var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls;
+      getPrefixCls = _React$useContext.getPrefixCls;
+
   var prefixCls = getPrefixCls('form', customizePrefixCls);
   var contextValue = React.useMemo(function () {
     return {
@@ -48,5 +62,6 @@ var FormList = function FormList(_a) {
     }));
   });
 };
+
 var _default = FormList;
 exports.default = _default;

package/lib/Form/FormWrapper.js

@@ -1,26 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _WrapperItem = _interopRequireDefault(require("./WrapperItem"));
+
 function withComponent(WrappedComponent) {
   var WithComponent = function WithComponent(props) {
     return /*#__PURE__*/_react.default.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.default.createElement(_WrapperItem.default, Object.assign({}, props, {
     user: true
   }));
 };
+
 var _default = withComponent(FormWrapper);
+
 exports.default = _default;

package/lib/Form/WrapperItem.js

@@ -1,27 +1,40 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _lodash = require("lodash");
+
 var _Row = _interopRequireDefault(require("../Row"));
+
 var _Col = _interopRequireDefault(require("../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 = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      visible = _useState2[0],
+      setVisible = _useState2[1];
+
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "form_responsive_group_title",
     onClick: function onClick() {
@@ -34,30 +47,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 = (0, _slicedToArray2.default)(_rowMap$get, 2),
-    colSpan = _rowMap$get2[0],
-    colSpace = _rowMap$get2[1];
+      _rowMap$get2 = (0, _slicedToArray2.default)(_rowMap$get, 2),
+      colSpan = _rowMap$get2[0],
+      colSpace = _rowMap$get2[1];
+
   var _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    visible = _useState4[0],
-    setVisible = _useState4[1];
-  // 最终的结果
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      visible = _useState4[0],
+      setVisible = _useState4[1]; // 最终的结果
+
+
   var rowlist = (0, _react.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.default.createElement(Title, {
         title: title,
@@ -65,8 +86,9 @@ var List = function List(props) {
           setVisible(value);
         }
       }));
-    }
-    // 一行
+    } // 一行
+
+
     function generatorRow() {
       var node = /*#__PURE__*/_react.default.createElement(_Row.default, null, collection.map(function (child, index) {
         if (index !== collection.length - 1) {
@@ -78,29 +100,36 @@ var List = function List(props) {
             span: colSpace
           }));
         }
+
         return /*#__PURE__*/_react.default.createElement(_Col.default, {
           span: colSpan,
           key: index
         }, child);
       }));
+
       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((0, _toConsumableArray2.default)(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();
           }
@@ -112,42 +141,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.default.createElement(_react.default.Fragment, null, needRenderList.map(function (child, index) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: index
     }, child);
   }));
 };
+
 var WrapperItem = function WrapperItem(props) {
   var user = props.user;
   var targetRef = (0, _react.useRef)(null);
+
   var _useState5 = (0, _react.useState)({
-      width: '100%',
-      height: '100%'
-    }),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    containerSize = _useState6[0],
-    setContainerSize = _useState6[1];
-  // 每行的个数
+    width: '100%',
+    height: '100%'
+  }),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      containerSize = _useState6[0],
+      setContainerSize = _useState6[1]; // 每行的个数
+
+
   var _useState7 = (0, _react.useState)(5),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    countPerRow = _useState8[0],
-    setCountPerRow = _useState8[1];
+      _useState8 = (0, _slicedToArray2.default)(_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) {
@@ -155,18 +195,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 = (0, _lodash.throttle)(changeSize, 600);
   (0, _react.useEffect)(function () {
     changeSize();
@@ -186,5 +230,6 @@ var WrapperItem = function WrapperItem(props) {
     countPerRow: countPerRow
   })))));
 };
+
 var _default = WrapperItem;
 exports.default = _default;

package/lib/Form/container.js

@@ -1,43 +1,57 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _lodash = require("lodash");
+
 var _util = require("./util");
+
 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 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 = (0, _react.useState)({
-      width: '100%',
-      height: '100%'
-    }),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    containerSize = _useState2[0],
-    setContainerSize = _useState2[1];
+    width: '100%',
+    height: '100%'
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      containerSize = _useState2[0],
+      setContainerSize = _useState2[1];
+
   var containerWrapRef = (0, _react.useRef)(null);
   var throttleSize = (0, _react.useCallback)(function () {
     var width = containerSize.width,
-      height = containerSize.height;
+        height = containerSize.height;
     var responsiveCls = responsive && width !== '100%' ? 'responsive' : '';
     var classes = (0, _classnames.default)(className, prefixCls, responsiveCls);
     return /*#__PURE__*/_react.default.createElement("div", Object.assign({
@@ -49,17 +63,22 @@ var LMContainer = function LMContainer(props) {
       }
     }), children);
   }, [containerSize, props]);
+
   var changeSize = function changeSize() {
     var _a;
+
     (0, _util.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 = (0, _lodash.throttle)(changeSize, 600);
   (0, _react.useEffect)(function () {
     setTimeout(function () {
@@ -79,5 +98,6 @@ var LMContainer = function LMContainer(props) {
     }
   }, throttleSize());
 };
+
 var _default = LMContainer;
 exports.default = _default;

package/lib/Form/context.js

@@ -1,14 +1,20 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.NoStyleItemContext = exports.NoFormStyle = exports.FormProvider = exports.FormItemPrefixContext = exports.FormItemInputContext = exports.FormContext = void 0;
+
 var _rcFieldForm = require("rc-field-form");
+
 var _omit = _interopRequireDefault(require("rc-util/lib/omit"));
+
 var React = _interopRequireWildcard(require("react"));
+
 var FormContext = /*#__PURE__*/React.createContext({
   labelAlign: 'right',
   vertical: false,
@@ -17,10 +23,12 @@ var FormContext = /*#__PURE__*/React.createContext({
 exports.FormContext = FormContext;
 var NoStyleItemContext = /*#__PURE__*/React.createContext(null);
 exports.NoStyleItemContext = NoStyleItemContext;
+
 var FormProvider = function FormProvider(props) {
   var providerProps = (0, _omit.default)(props, ['prefixCls']);
   return /*#__PURE__*/React.createElement(_rcFieldForm.FormProvider, Object.assign({}, providerProps));
 };
+
 exports.FormProvider = FormProvider;
 var FormItemPrefixContext = /*#__PURE__*/React.createContext({
   prefixCls: ''
@@ -28,25 +36,30 @@ var FormItemPrefixContext = /*#__PURE__*/React.createContext({
 exports.FormItemPrefixContext = FormItemPrefixContext;
 var FormItemInputContext = /*#__PURE__*/React.createContext({});
 exports.FormItemInputContext = FormItemInputContext;
+
 var NoFormStyle = function NoFormStyle(_ref) {
   var children = _ref.children,
-    status = _ref.status,
-    override = _ref.override;
+      status = _ref.status,
+      override = _ref.override;
   var formItemInputContext = (0, React.useContext)(FormItemInputContext);
   var newFormItemInputContext = (0, React.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, {
     value: newFormItemInputContext
   }, children);
 };
+
 exports.NoFormStyle = NoFormStyle;