linkmore-design 1.1.22-beta.2 → 1.1.23

package/es/QuickMenu/index.js

@@ -5,23 +5,29 @@ import { useScroll, useDebounceEffect } from 'ahooks';
 import classNames from 'classnames';
 import { getTargetElement } from '../_util/domTarget';
 var prefixCls = 'lm_quick_menu';
+
 var LMQuickMenu = function LMQuickMenu(props) {
   var className = props.className,
-    _props$top = props.top,
-    top = _props$top === void 0 ? '104px' : _props$top,
-    _props$menuData = props.menuData,
-    menuData = _props$menuData === void 0 ? [] : _props$menuData,
-    warpElement = props.warpElement;
+      _props$top = props.top,
+      top = _props$top === void 0 ? '104px' : _props$top,
+      _props$menuData = props.menuData,
+      menuData = _props$menuData === void 0 ? [] : _props$menuData,
+      warpElement = props.warpElement,
+      root = props.root;
   var idTopInfo = useRef({});
+
   var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hovering = _useState2[0],
-    setHovering = _useState2[1];
+      _useState2 = _slicedToArray(_useState, 2),
+      hovering = _useState2[0],
+      setHovering = _useState2[1];
+
   var menuTimeEventRef = useRef(null);
+
   var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    scrollOpenStatus = _useState4[0],
-    setScrollOpenStatus = _useState4[1];
+      _useState4 = _slicedToArray(_useState3, 2),
+      scrollOpenStatus = _useState4[0],
+      setScrollOpenStatus = _useState4[1];
+
   var scrollTimeOut = useRef(null);
   var scroll = useScroll(getTargetElement(warpElement || document), function () {
     return scrollOpenStatus;
@@ -31,94 +37,114 @@ var LMQuickMenu = function LMQuickMenu(props) {
       return item.hidden !== true;
     });
   }, [menuData]);
+
   function clearActiveToc() {
     [].forEach.call(document.querySelectorAll('.lm_menu_list li a'), function (node) {
       node.className = '';
     });
   }
+
   var updateActiveToc = function updateActiveToc(id) {
     var currentNode = document.querySelectorAll(".lm_menu_list li a[data-id=\"".concat(id, "\"]"))[0];
+
     if (currentNode) {
       clearActiveToc();
       currentNode.className = 'current';
     }
   };
+
   var bindScroller = function bindScroller() {
     var _a, _b, _c;
+
     if (menuTimeEventRef.current) {
       (_a = menuTimeEventRef.current) === null || _a === void 0 ? void 0 : _a.destroy();
     }
+
     if (!filterMenuData.length) {
       return;
-    }
-    // eslint-disable-next-line global-require
-    require('intersection-observer');
-    // eslint-disable-next-line global-require
+    } // eslint-disable-next-line global-require
+
+
+    require('intersection-observer'); // eslint-disable-next-line global-require
+
+
     var scrollama = require('scrollama');
+
     menuTimeEventRef.current = scrollama();
+    console.log(getTargetElement(warpElement || document), '--getTargetElement(warpElement || document)');
     (_c = (_b = menuTimeEventRef.current) === null || _b === void 0 ? void 0 : _b.setup({
       step: filterMenuData.map(function (item) {
         return document.getElementById("".concat(item.menuId));
       }).filter(Boolean),
-      container: getTargetElement(warpElement || document)
+      container: getTargetElement(warpElement || document),
+      root: root ? getTargetElement(root) : undefined
     })) === null || _c === void 0 ? void 0 : _c.onStepEnter(function (_ref) {
       var element = _ref.element;
       updateActiveToc(element.id);
     });
   };
+
   function setKeysDom() {
     filterMenuData.forEach(function (item) {
       var _a, _b;
+
       var warpTop = ((_a = getTargetElement(warpElement || document)) === null || _a === void 0 ? void 0 : _a.offsetTop) || 0;
       idTopInfo.current["".concat(item.menuId)] = ((_b = document.getElementById("".concat(item.menuId))) === null || _b === void 0 ? void 0 : _b.offsetTop) - warpTop;
     });
   }
+
   useDebounceEffect(function () {
     if (scroll && !hovering) {
       setHovering(true);
     }
+
     if (scrollTimeOut.current) {
       clearTimeout(scrollTimeOut.current);
     }
+
     scrollTimeOut.current = setTimeout(function () {
       setHovering(false);
     }, 2000);
   }, [scroll], {
     wait: 50
   });
-  var bindDom = function bindDom() {
-    if (!Object.keys(idTopInfo.current).length) {
-      setKeysDom();
-    }
-  };
+
   var handleScroll = function handleScroll() {
     setScrollOpenStatus(true);
   };
+
   var golink = function golink(id) {
     var _a;
+
     getTargetElement(warpElement || document).scrollTop = (_a = idTopInfo.current) === null || _a === void 0 ? void 0 : _a[id];
   };
+
   useEffect(function () {
-    var _a;
-    // bindScroller();
-    setTimeout(function () {
-      bindDom();
-      bindScroller();
-    }, 200);
+    var _a; // bindScroller();
+
+
     (_a = getTargetElement(warpElement || document)) === null || _a === void 0 ? void 0 : _a.addEventListener('scroll', handleScroll, {
       once: true
     });
     return function () {
       var _a;
+
       (_a = getTargetElement(warpElement || document)) === null || _a === void 0 ? void 0 : _a.removeEventListener('scroll', handleScroll);
     };
   }, []);
+  useEffect(function () {
+    setTimeout(function () {
+      setKeysDom();
+      bindScroller();
+    }, 200);
+  }, [filterMenuData]);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames(prefixCls),
     onMouseEnter: function onMouseEnter() {
       if (scrollTimeOut.current) {
         clearTimeout(scrollTimeOut.current);
       }
+
       setHovering(true);
     },
     onMouseLeave: function onMouseLeave() {
@@ -144,4 +170,5 @@ var LMQuickMenu = function LMQuickMenu(props) {
     }, item.title));
   })));
 };
+
 export default LMQuickMenu;

package/es/Radio/index.js

@@ -1,39 +1,50 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 require("antd/es/radio/style");
+
 var _radio = _interopRequireDefault(require("antd/es/radio"));
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _excluded = ["children"],
-  _excluded2 = ["children", "size", "buttonStyle", "direction", "className"];
+    _excluded2 = ["children", "size", "buttonStyle", "direction", "className"];
+
 var LMRadio = function LMRadio(props) {
   var children = props.children,
-    restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/_react.default.createElement(_radio.default, (0, _extends2.default)({
     className: "lm-radio"
   }, restProps), children);
 };
+
 LMRadio.Group = function (props) {
   var children = props.children,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'middle' : _props$size,
-    buttonStyle = props.buttonStyle,
-    _props$direction = props.direction,
-    direction = _props$direction === void 0 ? 'row' : _props$direction,
-    className = props.className,
-    restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'middle' : _props$size,
+      buttonStyle = props.buttonStyle,
+      _props$direction = props.direction,
+      direction = _props$direction === void 0 ? 'row' : _props$direction,
+      className = props.className,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
   return /*#__PURE__*/_react.default.createElement(_radio.default.Group, (0, _extends2.default)({
     className: (0, _classnames.default)(className, 'lm-radio-group', "lm-radio-group-".concat(direction)),
     size: size
   }, restProps), children);
 };
+
 LMRadio.Button = _radio.default.Button;
 var _default = LMRadio;
 exports.default = _default;

package/es/Result/index.js

@@ -20,50 +20,59 @@ export var ExceptionMap = {
   '404': noFound,
   '500': serverError,
   '403': unauthorized
-};
-// ExceptionImageMap keys
+}; // ExceptionImageMap keys
+
 var ExceptionStatus = Object.keys(ExceptionMap);
+
 var Icon = function Icon(_ref) {
   var prefixCls = _ref.prefixCls,
-    icon = _ref.icon,
-    status = _ref.status;
+      icon = _ref.icon,
+      status = _ref.status;
   var className = classNames("".concat(prefixCls, "-icon"));
   warning(!(typeof icon === 'string' && icon.length > 2), 'Result', "`icon` is using ReactNode instead of string naming in v4. Please check `".concat(icon, "` at https://ant.design/components/icon"));
+
   if (ExceptionStatus.includes("".concat(status))) {
     var SVGComponent = ExceptionMap[status];
     return /*#__PURE__*/React.createElement("div", {
       className: "".concat(className, " ").concat(prefixCls, "-image")
     }, /*#__PURE__*/React.createElement(SVGComponent, null));
   }
+
   var iconNode = /*#__PURE__*/React.createElement(IconMap[status]);
   return /*#__PURE__*/React.createElement("div", {
     className: className
   }, icon || iconNode);
 };
+
 var Extra = function Extra(_ref2) {
   var prefixCls = _ref2.prefixCls,
-    extra = _ref2.extra;
+      extra = _ref2.extra;
+
   if (!extra) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: "".concat(prefixCls, "-extra")
   }, extra);
 };
+
 var Result = function Result(_ref3) {
   var customizePrefixCls = _ref3.prefixCls,
-    customizeClassName = _ref3.className,
-    subTitle = _ref3.subTitle,
-    title = _ref3.title,
-    style = _ref3.style,
-    children = _ref3.children,
-    _ref3$status = _ref3.status,
-    status = _ref3$status === void 0 ? 'info' : _ref3$status,
-    icon = _ref3.icon,
-    extra = _ref3.extra;
+      customizeClassName = _ref3.className,
+      subTitle = _ref3.subTitle,
+      title = _ref3.title,
+      style = _ref3.style,
+      children = _ref3.children,
+      _ref3$status = _ref3.status,
+      status = _ref3$status === void 0 ? 'info' : _ref3$status,
+      icon = _ref3.icon,
+      extra = _ref3.extra;
+
   var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction;
+      getPrefixCls = _React$useContext.getPrefixCls,
+      direction = _React$useContext.direction;
+
   var prefixCls = getPrefixCls('result', customizePrefixCls);
   var className = classNames(prefixCls, "".concat(prefixCls, "-").concat(status), customizeClassName, _defineProperty({}, "".concat(prefixCls, "-rtl"), direction === 'rtl'));
   return /*#__PURE__*/React.createElement("div", {
@@ -84,6 +93,7 @@ var Result = function Result(_ref3) {
     className: "".concat(prefixCls, "-content")
   }, children));
 };
+
 Result.PRESENTED_IMAGE_403 = ExceptionMap['403'];
 Result.PRESENTED_IMAGE_404 = ExceptionMap['404'];
 Result.PRESENTED_IMAGE_500 = ExceptionMap['500'];

package/es/Result/noFound.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 var NoFound = function NoFound() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "252",
@@ -234,4 +235,5 @@ var NoFound = function NoFound() {
     strokeLinejoin: "round"
   })));
 };
+
 export default NoFound;

package/es/Result/serverError.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 var ServerError = function ServerError() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "254",
@@ -274,4 +275,5 @@ var ServerError = function ServerError() {
     mask: "url(#d)"
   })));
 };
+
 export default ServerError;

package/es/Result/unauthorized.js

@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 var Unauthorized = function Unauthorized() {
   return /*#__PURE__*/React.createElement("svg", {
     width: "251",
@@ -224,4 +225,5 @@ var Unauthorized = function Unauthorized() {
     strokeLinejoin: "round"
   })));
 };
+
 export default Unauthorized;

package/es/Select/index.js

@@ -1,15 +1,19 @@
 import "antd/es/select/style";
 import _Select from "antd/es/select";
+
 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, { forwardRef, useMemo } from 'react';
 import Button from '../Button';
 import classNames from 'classnames';
@@ -18,50 +22,56 @@ import DisabledContext from '../ConfigProvider/DisabledContext';
 var prefixCls = 'lm_select';
 var CLMSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
-    className = props.className,
-    customizeSize = props.size,
-    customDisabled = props.disabled,
-    dropdownClassName = props.dropdownClassName,
-    options = props.options,
-    value = props.value,
-    defaultLabel = props.defaultLabel,
-    suffix = props.suffix,
-    icon = props.icon,
-    iconClick = props.iconClick,
-    rest = __rest(props
-    // ===================== Size =====================
-    , ["children", "className", "size", "disabled", "dropdownClassName", "options", "value", "defaultLabel", "suffix", "icon", "iconClick"]);
-  // ===================== Size =====================
-  var size = customizeSize || React.useContext(SizeContext) || 'middle';
-  // ===================== Disabled =====================
+      className = props.className,
+      customizeSize = props.size,
+      customDisabled = props.disabled,
+      dropdownClassName = props.dropdownClassName,
+      options = props.options,
+      value = props.value,
+      defaultLabel = props.defaultLabel,
+      suffix = props.suffix,
+      icon = props.icon,
+      iconClick = props.iconClick,
+      rest = __rest(props // ===================== Size =====================
+  , ["children", "className", "size", "disabled", "dropdownClassName", "options", "value", "defaultLabel", "suffix", "icon", "iconClick"]); // ===================== Size =====================
+
+
+  var size = customizeSize || React.useContext(SizeContext) || 'middle'; // ===================== Disabled =====================
+
   var disabled = React.useContext(DisabledContext);
-  var mergedDisabled = customDisabled || disabled;
-  // 当前值是否存于选项中
+  var mergedDisabled = customDisabled || disabled; // 当前值是否存于选项中
+
   var hasOption = useMemo(function () {
     var flag = false;
+
     if (children) {
       React.Children.forEach(children, function (child) {
         if ( /*#__PURE__*/React.isValidElement(child)) {
           var childValue = child.props.value;
+
           if (!flag) {
             flag = childValue === value;
           }
         }
       });
     }
+
     if (options) {
       flag = !!options.some(function (v) {
         var _a, _b;
+
         return v[(_b = (_a = props.fieldNames) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : 'value'] === value;
       });
     }
+
     return flag;
-  }, [children, value, options, props.fieldNames]);
-  // 重组value: 传入value但找不到options项时，展示默认label
+  }, [children, value, options, props.fieldNames]); // 重组value: 传入value但找不到options项时，展示默认label
+
   var resetValue = useMemo(function () {
     if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
     return value;
   }, [value, defaultLabel, hasOption]);
+
   if (icon) {
     return /*#__PURE__*/React.createElement("div", {
       className: 'lm_select_has_icon',
@@ -83,6 +93,7 @@ var CLMSelect = /*#__PURE__*/forwardRef(function (props, ref) {
       icon: icon
     }));
   }
+
   return /*#__PURE__*/React.createElement(_Select, Object.assign({
     className: classNames(className, prefixCls),
     size: size,

package/es/Switch/index.js

@@ -1,23 +1,29 @@
 import "antd/es/switch/style";
 import _Switch from "antd/es/switch";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
 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 from 'react';
 import cls from 'classnames';
+
 var Switch = function Switch(props) {
   var _props$size = props.size,
-    size = _props$size === void 0 ? 'default' : _props$size,
-    className = props.className,
-    restProps = __rest(props, ["size", "className"]);
+      size = _props$size === void 0 ? 'default' : _props$size,
+      className = props.className,
+      restProps = __rest(props, ["size", "className"]);
+
   var classs = cls('lm-switch', className, _defineProperty({}, "lm-switch-".concat(size), size));
   return /*#__PURE__*/React.createElement(_Switch, Object.assign({
     className: classs
@@ -25,4 +31,5 @@ var Switch = function Switch(props) {
     size: size
   }));
 };
+
 export default Switch;

package/es/Tabs/TabPane.js

@@ -1,7 +1,9 @@
 var TabPane = function TabPane() {
   return null;
 };
+
 if (process.env.NODE_ENV !== 'production') {
   TabPane.displayName = 'DeprecatedTabPane';
 }
+
 export default TabPane;

package/es/Tabs/hooks/useAnimateConfig.js

@@ -11,6 +11,7 @@ export default function useAnimateConfig(prefixCls) {
     tabPane: false
   };
   var mergedAnimated;
+
   if (animated === false) {
     mergedAnimated = {
       inkBar: false,
@@ -26,10 +27,12 @@ export default function useAnimateConfig(prefixCls) {
       inkBar: true
     }, _typeof(animated) === 'object' ? animated : {});
   }
+
   if (mergedAnimated.tabPane) {
     mergedAnimated.tabPaneMotion = Object.assign(Object.assign({}, motion), {
       motionName: getTransitionName(prefixCls, 'switch')
     });
   }
+
   return mergedAnimated;
 }

package/es/Tabs/hooks/useLegacyItems.js

@@ -1,33 +1,41 @@
 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 * as React from 'react';
 import toArray from 'rc-util/lib/Children/toArray';
 import warning from '../../_util/warning';
+
 function filter(items) {
   return items.filter(function (item) {
     return item;
   });
 }
+
 export default function useLegacyItems(items, children) {
   if (items) {
     return items;
   }
+
   warning(!children, 'Tabs', 'Tabs.TabPane is deprecated. Please use `items` directly.');
   var childrenItems = toArray(children).map(function (node) {
     if ( /*#__PURE__*/React.isValidElement(node)) {
       var key = node.key,
-        props = node.props;
+          props = node.props;
+
       var _a = props || {},
-        tab = _a.tab,
-        restProps = __rest(_a, ["tab"]);
+          tab = _a.tab,
+          restProps = __rest(_a, ["tab"]);
+
       var item = Object.assign(Object.assign({
         key: String(key)
       }, restProps), {
@@ -35,6 +43,7 @@ export default function useLegacyItems(items, children) {
       });
       return item;
     }
+
     return null;
   });
   return filter(childrenItems);