linkmore-design 1.1.23 → 1.1.25-beta.1

package/lib/Form/FormItemLabel.js

@@ -1,128 +1,98 @@
 "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
@@ -133,6 +103,5 @@ var FormItemLabel = function FormItemLabel(_ref) {
     }, labelChildren));
   });
 };
-
 var _default = FormItemLabel;
 exports.default = _default;

package/lib/Form/FormList.js

@@ -1,47 +1,33 @@
 "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 {
@@ -62,6 +48,5 @@ var FormList = function FormList(_a) {
     }));
   });
 };
-
 var _default = FormList;
 exports.default = _default;

package/lib/Form/FormWrapper.js

@@ -1,34 +1,26 @@
 "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,40 +1,27 @@
 "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() {
@@ -47,38 +34,30 @@ 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,
@@ -86,9 +65,8 @@ 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) {
@@ -100,36 +78,29 @@ 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();
           }
@@ -141,53 +112,42 @@ 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) {
@@ -195,22 +155,18 @@ 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();
@@ -230,6 +186,5 @@ var WrapperItem = function WrapperItem(props) {
     countPerRow: countPerRow
   })))));
 };
-
 var _default = WrapperItem;
 exports.default = _default;

package/lib/Form/container.js

@@ -1,57 +1,43 @@
 "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({
@@ -63,22 +49,17 @@ 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 () {
@@ -98,6 +79,5 @@ var LMContainer = function LMContainer(props) {
     }
   }, throttleSize());
 };
-
 var _default = LMContainer;
 exports.default = _default;

package/lib/Form/context.js

@@ -1,20 +1,14 @@
 "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,
@@ -23,12 +17,10 @@ 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: ''
@@ -36,30 +28,25 @@ 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;