linkmore-design 1.0.54 → 1.0.55

package/dist/index.umd.js

@@ -2745,8 +2745,9 @@
 	}
 
 	var IconFont = create({
-	  // scriptUrl: '//at.alicdn.com/t/font_2966019_8aij0300kjo.js', // 在 iconfont.cn 上生成
-	  scriptUrl: require('./font/iconfont.js')
+	  scriptUrl: '//at.alicdn.com/t/c/font_2966019_7jeb9gjjk63.js' // 在 iconfont.cn 上生成
+	  // scriptUrl: require('./font/iconfont.js'),
+
 	});
 
 	var lodash = createCommonjsModule(function (module, exports) {
@@ -81113,6 +81114,39 @@
 	  return memoizedFn.current;
 	}
 
+	function depsAreSame(oldDeps, deps) {
+	  if (oldDeps === deps) return true;
+
+	  for (var i = 0; i < oldDeps.length; i++) {
+	    if (!Object.is(oldDeps[i], deps[i])) return false;
+	  }
+
+	  return true;
+	}
+
+	function useLatest$1(value) {
+	  var ref = React.useRef(value);
+	  ref.current = value;
+	  return ref;
+	}
+
+	var useUnmount = function useUnmount(fn) {
+	  {
+	    if (!isFunction$3(fn)) {
+	      console.error("useUnmount expected parameter is a function, got " + typeof fn);
+	    }
+	  }
+
+	  var fnRef = useLatest$1(fn);
+	  React.useEffect(function () {
+	    return function () {
+	      fnRef.current();
+	    };
+	  }, []);
+	};
+
+	var isBrowser$2 = !!(typeof window !== 'undefined' && window.document && window.document.createElement);
+
 	var __read = undefined && undefined.__read || function (o, n) {
 	  var m = typeof Symbol === "function" && o[Symbol.iterator];
 	  if (!m) return o;
@@ -81149,6 +81183,77 @@
 	  }, []);
 	};
 
+	function getTargetElement(target, defaultElement) {
+	  if (!isBrowser$2) {
+	    return undefined;
+	  }
+
+	  if (!target) {
+	    return defaultElement;
+	  }
+
+	  var targetElement;
+
+	  if (isFunction$3(target)) {
+	    targetElement = target();
+	  } else if ('current' in target) {
+	    targetElement = target.current;
+	  } else {
+	    targetElement = target;
+	  }
+
+	  return targetElement;
+	}
+
+	var createEffectWithTarget = function createEffectWithTarget(useEffectType) {
+	  /**
+	   *
+	   * @param effect
+	   * @param deps
+	   * @param target target should compare ref.current vs ref.current, dom vs dom, ()=>dom vs ()=>dom
+	   */
+	  var useEffectWithTarget = function useEffectWithTarget(effect, deps, target) {
+	    var hasInitRef = React.useRef(false);
+	    var lastElementRef = React.useRef([]);
+	    var lastDepsRef = React.useRef([]);
+	    var unLoadRef = React.useRef();
+	    useEffectType(function () {
+	      var _a;
+
+	      var targets = Array.isArray(target) ? target : [target];
+	      var els = targets.map(function (item) {
+	        return getTargetElement(item);
+	      }); // init run
+
+	      if (!hasInitRef.current) {
+	        hasInitRef.current = true;
+	        lastElementRef.current = els;
+	        lastDepsRef.current = deps;
+	        unLoadRef.current = effect();
+	        return;
+	      }
+
+	      if (els.length !== lastElementRef.current.length || !depsAreSame(els, lastElementRef.current) || !depsAreSame(deps, lastDepsRef.current)) {
+	        (_a = unLoadRef.current) === null || _a === void 0 ? void 0 : _a.call(unLoadRef);
+	        lastElementRef.current = els;
+	        lastDepsRef.current = deps;
+	        unLoadRef.current = effect();
+	      }
+	    });
+	    useUnmount(function () {
+	      var _a;
+
+	      (_a = unLoadRef.current) === null || _a === void 0 ? void 0 : _a.call(unLoadRef); // for react-refresh
+
+	      hasInitRef.current = false;
+	    });
+	  };
+
+	  return useEffectWithTarget;
+	};
+
+	var useEffectWithTarget = createEffectWithTarget(React.useEffect);
+
 	var __read$1 = undefined && undefined.__read || function (o, n) {
 	  var m = typeof Symbol === "function" && o[Symbol.iterator];
 	  if (!m) return o;
@@ -81243,6 +81348,137 @@
 	  return [stateRef.current, useMemoizedFn(setState)];
 	}
 
+	var __read$2 = undefined && undefined.__read || function (o, n) {
+	  var m = typeof Symbol === "function" && o[Symbol.iterator];
+	  if (!m) return o;
+	  var i = m.call(o),
+	      r,
+	      ar = [],
+	      e;
+
+	  try {
+	    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+	      ar.push(r.value);
+	    }
+	  } catch (error) {
+	    e = {
+	      error: error
+	    };
+	  } finally {
+	    try {
+	      if (r && !r.done && (m = i["return"])) m.call(i);
+	    } finally {
+	      if (e) throw e.error;
+	    }
+	  }
+
+	  return ar;
+	};
+
+	function useRafState(initialState) {
+	  var ref = React.useRef(0);
+
+	  var _a = __read$2(React.useState(initialState), 2),
+	      state = _a[0],
+	      setState = _a[1];
+
+	  var setRafState = React.useCallback(function (value) {
+	    cancelAnimationFrame(ref.current);
+	    ref.current = requestAnimationFrame(function () {
+	      setState(value);
+	    });
+	  }, []);
+	  useUnmount(function () {
+	    cancelAnimationFrame(ref.current);
+	  });
+	  return [state, setRafState];
+	}
+
+	var __read$3 = undefined && undefined.__read || function (o, n) {
+	  var m = typeof Symbol === "function" && o[Symbol.iterator];
+	  if (!m) return o;
+	  var i = m.call(o),
+	      r,
+	      ar = [],
+	      e;
+
+	  try {
+	    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+	      ar.push(r.value);
+	    }
+	  } catch (error) {
+	    e = {
+	      error: error
+	    };
+	  } finally {
+	    try {
+	      if (r && !r.done && (m = i["return"])) m.call(i);
+	    } finally {
+	      if (e) throw e.error;
+	    }
+	  }
+
+	  return ar;
+	};
+
+	function useScroll(target, shouldUpdate) {
+	  if (shouldUpdate === void 0) {
+	    shouldUpdate = function shouldUpdate() {
+	      return true;
+	    };
+	  }
+
+	  var _a = __read$3(useRafState(), 2),
+	      position = _a[0],
+	      setPosition = _a[1];
+
+	  var shouldUpdateRef = useLatest$1(shouldUpdate);
+	  useEffectWithTarget(function () {
+	    var el = getTargetElement(target, document);
+
+	    if (!el) {
+	      return;
+	    }
+
+	    var updatePosition = function updatePosition() {
+	      var newPosition;
+
+	      if (el === document) {
+	        if (document.scrollingElement) {
+	          newPosition = {
+	            left: document.scrollingElement.scrollLeft,
+	            top: document.scrollingElement.scrollTop
+	          };
+	        } else {
+	          // When in quirks mode, the scrollingElement attribute returns the HTML body element if it exists and is potentially scrollable, otherwise it returns null.
+	          // https://developer.mozilla.org/zh-CN/docs/Web/API/Document/scrollingElement
+	          // https://stackoverflow.com/questions/28633221/document-body-scrolltop-firefox-returns-0-only-js
+	          newPosition = {
+	            left: Math.max(window.pageYOffset, document.documentElement.scrollTop, document.body.scrollTop),
+	            top: Math.max(window.pageXOffset, document.documentElement.scrollLeft, document.body.scrollLeft)
+	          };
+	        }
+	      } else {
+	        newPosition = {
+	          left: el.scrollLeft,
+	          top: el.scrollTop
+	        };
+	      }
+
+	      if (shouldUpdateRef.current(newPosition)) {
+	        setPosition(newPosition);
+	      }
+	    };
+
+	    updatePosition();
+	    el.addEventListener('scroll', updatePosition);
+	    return function () {
+	      el.removeEventListener('scroll', updatePosition);
+	    };
+	  }, [], target);
+	  return position;
+	}
+
 	function getArray(val) {
 	  if (!val) return [];
 	  return Array.isArray(val) ? val : [val];
@@ -86336,7 +86572,78 @@
 	LmTree.TreeNode = _Tree__default['default'].TreeNode;
 	LmTree.DirectoryTree = _Tree__default['default'].DirectoryTree;
 
-	var _excluded$1n = ["className", "color"];
+	var removeHash = function removeHash(hex) {
+	  return hex.charAt(0) === '#' ? hex.slice(1) : hex;
+	};
+
+	var parseHex = function parseHex(nakedHex) {
+	  var isShort = nakedHex.length === 3 || nakedHex.length === 4;
+	  var twoDigitHexR = isShort ? "".concat(nakedHex.slice(0, 1)).concat(nakedHex.slice(0, 1)) : nakedHex.slice(0, 2);
+	  var twoDigitHexG = isShort ? "".concat(nakedHex.slice(1, 2)).concat(nakedHex.slice(1, 2)) : nakedHex.slice(2, 4);
+	  var twoDigitHexB = isShort ? "".concat(nakedHex.slice(2, 3)).concat(nakedHex.slice(2, 3)) : nakedHex.slice(4, 6);
+	  var twoDigitHexA = (isShort ? "".concat(nakedHex.slice(3, 4)).concat(nakedHex.slice(3, 4)) : nakedHex.slice(6, 8)) || 'ff'; // const numericA = +((parseInt(a, 16) / 255).toFixed(2));
+
+	  return {
+	    r: twoDigitHexR,
+	    g: twoDigitHexG,
+	    b: twoDigitHexB,
+	    a: twoDigitHexA
+	  };
+	};
+
+	var hexToDecimal = function hexToDecimal(hex) {
+	  return parseInt(hex, 16);
+	};
+
+	var hexesToDecimals = function hexesToDecimals(_ref) {
+	  var r = _ref.r,
+	      g = _ref.g,
+	      b = _ref.b,
+	      a = _ref.a;
+	  return {
+	    r: hexToDecimal(r),
+	    g: hexToDecimal(g),
+	    b: hexToDecimal(b),
+	    a: +(hexToDecimal(a) / 255).toFixed(2)
+	  };
+	};
+
+	var isNumeric = function isNumeric(n) {
+	  return !isNaN(parseFloat(n)) && isFinite(n);
+	}; // eslint-disable-line no-restricted-globals, max-len
+
+
+	var formatRgb = function formatRgb(decimalObject, parameterA) {
+	  var r = decimalObject.r,
+	      g = decimalObject.g,
+	      b = decimalObject.b,
+	      parsedA = decimalObject.a;
+	  var a = isNumeric(parameterA) ? parameterA : parsedA;
+	  return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(a, ")");
+	};
+	/**
+	 * Turns an old-fashioned css hex color value into a rgb color value.
+	 *
+	 * If you specify an alpha value, you'll get a rgba() value instead.
+	 *
+	 * @param The hex value to convert. ('123456'. '#123456', ''123', '#123')
+	 * @param An alpha value to apply. (optional) ('0.5', '0.25')
+	 * @return An rgb or rgba value. ('rgb(11, 22, 33)'. 'rgba(11, 22, 33, 0.5)')
+	 */
+
+
+	var hexToRgba = function hexToRgba(hex, a) {
+	  var hashlessHex = removeHash(hex);
+	  var hexObject = parseHex(hashlessHex);
+	  var decimalObject = hexesToDecimals(hexObject);
+	  return formatRgb(decimalObject, a);
+	};
+
+	var build = hexToRgba;
+
+	var _excluded$1n = ["className", "color"],
+	    _excluded2$m = ["className", "color", "checked"];
+	var CheckableTag = _Tag__default['default'].CheckableTag;
 	var PresetColorTypes = ['pink', 'red', 'yellow', 'orange', 'cyan', 'green', 'blue', 'purple', 'geekblue', 'magenta', 'volcano', 'gold', 'lime', 'theme'];
 	var prefixCls$9 = 'lm_tag';
 	var LmTag = /*#__PURE__*/React.forwardRef(function (props, ref) {
@@ -86353,7 +86660,50 @@
 	    }, className, PresetColorTypes.includes(color) && "lm_tag_main_color lm_tag_main_".concat(color))
 	  }));
 	});
-	LmTag.CheckableTag = _Tag__default['default'].CheckableTag;
+	var checkPreFixCls = 'lm_check_tag';
+
+	LmTag.CheckableTag = function (props) {
+	  var className = props.className,
+	      color = props.color,
+	      checked = props.checked,
+	      rest = _objectWithoutProperties(props, _excluded2$m);
+
+	  var checkTagRef = React.useRef(null);
+	  var colorProps = React.useMemo(function () {
+	    if (color) {
+	      try {
+	        return {
+	          style: {
+	            color: checked ? '#fff' : build(color),
+	            background: checked ? color : build(color, 0.15)
+	          },
+	          onMouseEnter: function onMouseEnter() {
+	            checkTagRef.current.firstChild.style.background = checked ? color : build(color, 0.25);
+	          },
+	          onMouseLeave: function onMouseLeave() {
+	            checkTagRef.current.firstChild.style.background = checked ? color : build(color, 0.15);
+	          }
+	        };
+	      } catch (_unused) {
+	        return {
+	          style: {
+	            color: build(color),
+	            background: build(color, 0.15)
+	          }
+	        };
+	      }
+	    } else {
+	      return {};
+	    }
+	  }, [color, checked]);
+	  return /*#__PURE__*/React__default['default'].createElement("span", {
+	    ref: checkTagRef
+	  }, /*#__PURE__*/React__default['default'].createElement(CheckableTag, _objectSpread(_objectSpread(_objectSpread({}, rest), {}, {
+	    checked: checked
+	  }, colorProps), {}, {
+	    className: classnames(checkPreFixCls, className, color && 'lm_custom_color_tag')
+	  })));
+	};
 
 	function createUseMessage(getRcNotificationInstance, getRCNoticeProps) {
 	  var useMessage = function useMessage() {
@@ -87393,17 +87743,21 @@
 	});
 
 	var LMUpload = function LMUpload(props) {
-	  var listType = props.listType;
+	  var className = props.className,
+	      sizeType = props.sizeType,
+	      listType = props.listType;
 
 	  var renderUploadItem = function renderUploadItem(originNode, file) {
 	    return !listType ? /*#__PURE__*/React__default['default'].createElement(_Tooltip__default['default'], {
-	      placement: 'bottom',
+	      placement: "bottom",
 	      title: file.name
 	    }, originNode.props.children) : originNode;
 	  };
 
 	  return /*#__PURE__*/React__default['default'].createElement(_Upload__default['default'], _objectSpread({
+	    className: classnames(className, sizeType == 'small' && 'little-upload'),
 	    itemRender: renderUploadItem,
+	    sizeType: sizeType,
 	    listType: listType
 	  }, props));
 	};
@@ -87528,7 +87882,7 @@
 	};
 
 	var _excluded$1r = ["index"],
-	    _excluded2$m = ["index"],
+	    _excluded2$n = ["index"],
 	    _excluded3$7 = ["value", "onChange"],
 	    _excluded4$3 = ["record", "rowKey", "isEdit", "col", "handleTableRowDelete", "handleTableRowAdd", "getLength", "isHoverEdit", "editEnum", "valueType", "children", "handleSave", "handleAdd", "handleDelete", "itemProps", "setValid", "reWriteOriginSource"],
 	    _excluded5$2 = ["onMouseEnter", "onMouseLeave"],
@@ -87554,7 +87908,7 @@
 
 	var EditableSortRow = function EditableSortRow(_ref2) {
 	  var index = _ref2.index,
-	      props = _objectWithoutProperties(_ref2, _excluded2$m);
+	      props = _objectWithoutProperties(_ref2, _excluded2$n);
 
 	  var _Form$useForm3 = _Form__default['default'].useForm(),
 	      _Form$useForm4 = _slicedToArray(_Form$useForm3, 1),
@@ -88361,6 +88715,191 @@
 	});
 	var LmEditTable = /*#__PURE__*/React.memo(EditTable$1);
 
+	var isFunction$4 = function isFunction(value) {
+	  return typeof value === 'function';
+	};
+	function getTargetElement$1(target, defaultElement) {
+	  if (!target) {
+	    return defaultElement;
+	  }
+
+	  var targetElement;
+
+	  if (isFunction$4(target)) {
+	    targetElement = target();
+	  } else if ('current' in target) {
+	    targetElement = target.current;
+	  } else {
+	    targetElement = target;
+	  }
+
+	  return targetElement;
+	}
+
+	var prefixCls$c = '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;
+	  var idTopInfo = React.useRef({});
+
+	  var _useState = React.useState(false),
+	      _useState2 = _slicedToArray(_useState, 2),
+	      hovering = _useState2[0],
+	      setHovering = _useState2[1];
+
+	  var menuTimeEventRef = React.useRef(null);
+
+	  var _useState3 = React.useState(false),
+	      _useState4 = _slicedToArray(_useState3, 2),
+	      scrollOpenStatus = _useState4[0],
+	      setScrollOpenStatus = _useState4[1];
+
+	  var scrollTimeOut = React.useRef(null);
+	  var scroll = useScroll(getTargetElement$1(warpElement || document), function () {
+	    return scrollOpenStatus;
+	  });
+
+	  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 _menuTimeEventRef$cur2, _menuTimeEventRef$cur3;
+
+	    if (menuTimeEventRef.current) {
+	      var _menuTimeEventRef$cur;
+
+	      (_menuTimeEventRef$cur = menuTimeEventRef.current) === null || _menuTimeEventRef$cur === void 0 ? void 0 : _menuTimeEventRef$cur.destroy();
+	    }
+
+	    if (!menuData.length) {
+	      return;
+	    } // eslint-disable-next-line global-require
+
+
+	    require('intersection-observer'); // eslint-disable-next-line global-require
+
+
+	    var scrollama = require('scrollama');
+
+	    menuTimeEventRef.current = scrollama();
+	    (_menuTimeEventRef$cur2 = menuTimeEventRef.current) === null || _menuTimeEventRef$cur2 === void 0 ? void 0 : (_menuTimeEventRef$cur3 = _menuTimeEventRef$cur2.setup({
+	      step: menuData.map(function (item) {
+	        return document.getElementById("".concat(item.menuId));
+	      }).filter(Boolean) // required
+	      // offset: '10px',
+
+	    })) === null || _menuTimeEventRef$cur3 === void 0 ? void 0 : _menuTimeEventRef$cur3.onStepEnter(function (_ref) {
+	      var element = _ref.element;
+	      updateActiveToc(element.id);
+	    });
+	  };
+
+	  function setKeysDom() {
+	    menuData.forEach(function (item) {
+	      var _getTargetElement, _document$getElementB;
+
+	      var warpTop = ((_getTargetElement = getTargetElement$1(warpElement || document)) === null || _getTargetElement === void 0 ? void 0 : _getTargetElement.offsetTop) || 0;
+	      idTopInfo.current["".concat(item.menuId)] = ((_document$getElementB = document.getElementById("".concat(item.menuId))) === null || _document$getElementB === void 0 ? void 0 : _document$getElementB.offsetTop) - warpTop;
+	    });
+	  }
+
+	  React.useEffect(function () {
+	    if (scroll && !hovering) {
+	      setHovering(true);
+	    }
+
+	    if (scrollTimeOut.current) {
+	      clearTimeout(scrollTimeOut.current);
+	    }
+
+	    scrollTimeOut.current = setTimeout(function () {
+	      setHovering(false);
+	    }, 2000);
+	  }, [scroll]);
+
+	  var bindDom = function bindDom() {
+	    if (!Object.keys(idTopInfo.current).length) {
+	      setKeysDom();
+	    }
+	  };
+
+	  var handleScroll = function handleScroll() {
+	    setScrollOpenStatus(true);
+	  };
+
+	  var golink = function golink(id) {
+	    var _idTopInfo$current;
+
+	    getTargetElement$1(warpElement || document).scrollTop = (_idTopInfo$current = idTopInfo.current) === null || _idTopInfo$current === void 0 ? void 0 : _idTopInfo$current[id];
+	  };
+
+	  React.useEffect(function () {
+	    var _getTargetElement2;
+
+	    // bindScroller();
+	    setTimeout(function () {
+	      bindDom();
+	      bindScroller();
+	    }, 200);
+	    (_getTargetElement2 = getTargetElement$1(warpElement || document)) === null || _getTargetElement2 === void 0 ? void 0 : _getTargetElement2.addEventListener('scroll', handleScroll, {
+	      once: true
+	    });
+	    return function () {
+	      var _getTargetElement3;
+
+	      (_getTargetElement3 = getTargetElement$1(warpElement || document)) === null || _getTargetElement3 === void 0 ? void 0 : _getTargetElement3.removeEventListener('scroll', handleScroll);
+	    };
+	  }, []);
+	  return /*#__PURE__*/React__default['default'].createElement("div", {
+	    className: classnames(prefixCls$c),
+	    onMouseEnter: function onMouseEnter() {
+	      if (scrollTimeOut.current) {
+	        clearTimeout(scrollTimeOut.current);
+	      }
+
+	      setHovering(true);
+	    },
+	    onMouseLeave: function onMouseLeave() {
+	      setHovering(false);
+	    },
+	    style: {
+	      top: top
+	    }
+	  }, !hovering && /*#__PURE__*/React__default['default'].createElement(LMButton, {
+	    icon: /*#__PURE__*/React__default['default'].createElement(IconFont, {
+	      type: 'lmweb-icon_m_open'
+	    })
+	  }), /*#__PURE__*/React__default['default'].createElement("ul", {
+	    className: classnames('lm_menu_list', hovering && 'show', className)
+	  }, menuData.map(function (item) {
+	    return /*#__PURE__*/React__default['default'].createElement("li", {
+	      key: item.menuId,
+	      onClick: function onClick() {
+	        return golink(item.menuId);
+	      }
+	    }, /*#__PURE__*/React__default['default'].createElement("a", {
+	      "data-id": item.menuId
+	    }, item.title));
+	  })));
+	};
+
 	Object.defineProperty(exports, 'Card', {
 		enumerable: true,
 		get: function () {
@@ -88439,6 +88978,7 @@
 	exports.IconSelect = IconSelect;
 	exports.Input = LmInput;
 	exports.InputNumber = CInputNumber;
+	exports.LMQuickMenu = LMQuickMenu;
 	exports.LeftTable = LeftSide;
 	exports.LmEditTable = LmEditTable;
 	exports.LmSelect = LMSelect;