linkmore-design 1.1.27-alpha.0 → 1.1.27-beta.2

package/es/Tree/utils/iconUtil.js

@@ -9,21 +9,17 @@ import * as React from 'react';
 import { cloneElement, isValidElement } from '../../_util/reactNode';
 export default function renderSwitcherIcon(prefixCls, switcherIcon, showLine, treeNodeProps) {
   var isLeaf = treeNodeProps.isLeaf,
-      expanded = treeNodeProps.expanded,
-      loading = treeNodeProps.loading;
-
+    expanded = treeNodeProps.expanded,
+    loading = treeNodeProps.loading;
   if (loading) {
     return /*#__PURE__*/React.createElement(LoadingOutlined, {
       className: "".concat(prefixCls, "-switcher-loading-icon")
     });
   }
-
   var showLeafIcon;
-
   if (showLine && _typeof(showLine) === 'object') {
     showLeafIcon = showLine.showLeafIcon;
   }
-
   if (isLeaf) {
     if (showLine) {
       if (_typeof(showLine) === 'object' && !showLeafIcon) {
@@ -31,28 +27,22 @@ export default function renderSwitcherIcon(prefixCls, switcherIcon, showLine, tr
           className: "".concat(prefixCls, "-switcher-leaf-line")
         });
       }
-
       return /*#__PURE__*/React.createElement(FileOutlined, {
         className: "".concat(prefixCls, "-switcher-line-icon")
       });
     }
-
     return null;
   }
-
   var switcherCls = "".concat(prefixCls, "-switcher-icon");
   var switcher = typeof switcherIcon === 'function' ? switcherIcon(treeNodeProps) : switcherIcon;
-
   if (isValidElement(switcher)) {
     return cloneElement(switcher, {
       className: classNames(switcher.props.className || '', switcherCls)
     });
   }
-
   if (switcher) {
     return switcher;
   }
-
   if (showLine) {
     return expanded ? /*#__PURE__*/React.createElement(MinusSquareOutlined, {
       className: "".concat(prefixCls, "-switcher-line-icon")
@@ -60,7 +50,6 @@ export default function renderSwitcherIcon(prefixCls, switcherIcon, showLine, tr
       className: "".concat(prefixCls, "-switcher-line-icon")
     });
   }
-
   return /*#__PURE__*/React.createElement(CaretDownFilled, {
     className: switcherCls
   });

package/es/TreeSelect/index.js

@@ -1,36 +1,32 @@
 import "antd/es/tree-select/style";
 import _TreeSelect from "antd/es/tree-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, useCallback, useMemo } from 'react';
 import DisabledContext from '../ConfigProvider/DisabledContext';
 import SizeContext from '../ConfigProvider/SizeContext';
 var CLMTreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
-      treeData = props.treeData,
-      value = props.value,
-      defaultLabel = props.defaultLabel,
-      customDisabled = props.disabled,
-      customizeSize = props.size,
-      resetProps = __rest(props // ===================== Disabled =====================
-  , ["children", "treeData", "value", "defaultLabel", "disabled", "size"]); // ===================== Disabled =====================
-
-
+    treeData = props.treeData,
+    value = props.value,
+    defaultLabel = props.defaultLabel,
+    customDisabled = props.disabled,
+    customizeSize = props.size,
+    resetProps = __rest(props
+    // ===================== Disabled =====================
+    , ["children", "treeData", "value", "defaultLabel", "disabled", "size"]);
+  // ===================== Disabled =====================
   var disabled = React.useContext(DisabledContext);
-  var mergedDisabled = customDisabled || disabled; // ===================== size =====================
-
+  var mergedDisabled = customDisabled || disabled;
+  // ===================== size =====================
   var size = React.useContext(SizeContext);
   var mergeSize = customizeSize || size;
   var deepChildren = useCallback(function (arr) {
@@ -38,9 +34,8 @@ var CLMTreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     React.Children.forEach(arr, function (child) {
       if ( /*#__PURE__*/React.isValidElement(child)) {
         var _child$props = child.props,
-            childValue = _child$props.value,
-            childChildren = _child$props.children;
-
+          childValue = _child$props.value,
+          childChildren = _child$props.children;
         if (!flag) {
           if (childValue === value) {
             flag = true;
@@ -54,11 +49,9 @@ var CLMTreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
   }, [value]);
   var hasOption = useMemo(function () {
     var flag = false;
-
     if (children) {
       flag = deepChildren(children);
     }
-
     if (treeData) {
       var deepFind = function deepFind(arr) {
         return arr.some(function (v) {
@@ -66,13 +59,11 @@ var CLMTreeSelect = /*#__PURE__*/forwardRef(function (props, ref) {
           return v.children && deepFind(v.children);
         });
       };
-
       flag = deepFind(treeData);
     }
-
     return flag;
-  }, [children, value, deepChildren]); // 重组value: 传入value但找不到options项时，展示默认label
-
+  }, [children, value, deepChildren]);
+  // 重组value: 传入value但找不到options项时，展示默认label
   var resetValue = useMemo(function () {
     if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
     return value;

package/es/Typography/Base/Ellipsis.js

@@ -3,13 +3,10 @@ import _typeof from "@babel/runtime/helpers/esm/typeof";
 import toArray from 'rc-util/lib/Children/toArray';
 import useIsomorphicLayoutEffect from 'rc-util/lib/hooks/useLayoutEffect';
 import * as React from 'react';
-
 function cuttable(node) {
   var type = _typeof(node);
-
   return type === 'string' || type === 'number';
 }
-
 function getNodesLen(nodeList) {
   var totalLen = 0;
   nodeList.forEach(function (node) {
@@ -21,70 +18,58 @@ function getNodesLen(nodeList) {
   });
   return totalLen;
 }
-
 function sliceNodes(nodeList, len) {
   var currLen = 0;
   var currentNodeList = [];
-
   for (var i = 0; i < nodeList.length; i += 1) {
     // Match to return
     if (currLen === len) {
       return currentNodeList;
     }
-
     var node = nodeList[i];
     var canCut = cuttable(node);
     var nodeLen = canCut ? String(node).length : 1;
-    var nextLen = currLen + nodeLen; // Exceed but current not which means we need cut this
+    var nextLen = currLen + nodeLen;
+    // Exceed but current not which means we need cut this
     // This will not happen on validate ReactElement
-
     if (nextLen > len) {
       var restLen = len - currLen;
       currentNodeList.push(String(node).slice(0, restLen));
       return currentNodeList;
     }
-
     currentNodeList.push(node);
     currLen = nextLen;
   }
-
   return nodeList;
 }
-
 var NONE = 0;
 var PREPARE = 1;
 var WALKING = 2;
 var DONE_WITH_ELLIPSIS = 3;
 var DONE_WITHOUT_ELLIPSIS = 4;
-
 var Ellipsis = function Ellipsis(_ref) {
   var enabledMeasure = _ref.enabledMeasure,
-      children = _ref.children,
-      text = _ref.text,
-      width = _ref.width,
-      rows = _ref.rows,
-      onEllipsis = _ref.onEllipsis;
-
+    children = _ref.children,
+    text = _ref.text,
+    width = _ref.width,
+    rows = _ref.rows,
+    onEllipsis = _ref.onEllipsis;
   var _React$useState = React.useState([0, 0, 0]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      cutLength = _React$useState2[0],
-      setCutLength = _React$useState2[1];
-
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    cutLength = _React$useState2[0],
+    setCutLength = _React$useState2[1];
   var _React$useState3 = React.useState(NONE),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      walkingState = _React$useState4[0],
-      setWalkingState = _React$useState4[1];
-
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    walkingState = _React$useState4[0],
+    setWalkingState = _React$useState4[1];
   var _cutLength = _slicedToArray(cutLength, 3),
-      startLen = _cutLength[0],
-      midLen = _cutLength[1],
-      endLen = _cutLength[2];
-
+    startLen = _cutLength[0],
+    midLen = _cutLength[1],
+    endLen = _cutLength[2];
   var _React$useState5 = React.useState(0),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      singleRowHeight = _React$useState6[0],
-      setSingleRowHeight = _React$useState6[1];
-
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    singleRowHeight = _React$useState6[0],
+    setSingleRowHeight = _React$useState6[1];
   var singleRowRef = React.useRef(null);
   var midRowRef = React.useRef(null);
   var nodeList = React.useMemo(function () {
@@ -97,10 +82,9 @@ var Ellipsis = function Ellipsis(_ref) {
     if (!enabledMeasure || walkingState !== DONE_WITH_ELLIPSIS) {
       return children(nodeList, false);
     }
-
     return children(sliceNodes(nodeList, midLen), midLen < totalLen);
-  }, [enabledMeasure, walkingState, children, nodeList, midLen, totalLen]); // ======================== Walk ========================
-
+  }, [enabledMeasure, walkingState, children, nodeList, midLen, totalLen]);
+  // ======================== Walk ========================
   useIsomorphicLayoutEffect(function () {
     if (enabledMeasure && width && totalLen) {
       setWalkingState(PREPARE);
@@ -109,20 +93,17 @@ var Ellipsis = function Ellipsis(_ref) {
   }, [enabledMeasure, width, text, totalLen, rows]);
   useIsomorphicLayoutEffect(function () {
     var _a;
-
     if (walkingState === PREPARE) {
       setSingleRowHeight(((_a = singleRowRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0);
     }
   }, [walkingState]);
   useIsomorphicLayoutEffect(function () {
     var _a, _b;
-
     if (singleRowHeight) {
       if (walkingState === PREPARE) {
         // Ignore if position is enough
         var midHeight = ((_a = midRowRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0;
         var maxHeight = rows * singleRowHeight;
-
         if (midHeight <= maxHeight) {
           setWalkingState(DONE_WITHOUT_ELLIPSIS);
           onEllipsis(false);
@@ -132,12 +113,10 @@ var Ellipsis = function Ellipsis(_ref) {
       } else if (walkingState === WALKING) {
         if (startLen !== endLen) {
           var _midHeight = ((_b = midRowRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0;
-
           var _maxHeight = rows * singleRowHeight;
-
           var nextStartLen = startLen;
-          var nextEndLen = endLen; // We reach the last round
-
+          var nextEndLen = endLen;
+          // We reach the last round
           if (startLen === endLen - 1) {
             nextEndLen = startLen;
           } else if (_midHeight <= _maxHeight) {
@@ -145,7 +124,6 @@ var Ellipsis = function Ellipsis(_ref) {
           } else {
             nextEndLen = midLen;
           }
-
           var nextMidLen = Math.ceil((nextStartLen + nextEndLen) / 2);
           setCutLength([nextStartLen, nextMidLen, nextEndLen]);
         } else {
@@ -154,15 +132,14 @@ var Ellipsis = function Ellipsis(_ref) {
         }
       }
     }
-  }, [walkingState, startLen, endLen, rows, singleRowHeight]); // ======================= Render =======================
-
+  }, [walkingState, startLen, endLen, rows, singleRowHeight]);
+  // ======================= Render =======================
   var measureStyle = {
     width: width,
     whiteSpace: 'normal',
     margin: 0,
     padding: 0
   };
-
   var renderMeasure = function renderMeasure(content, ref, style) {
     return /*#__PURE__*/React.createElement("span", {
       "aria-hidden": true,
@@ -178,20 +155,16 @@ var Ellipsis = function Ellipsis(_ref) {
       }, style)
     }, content);
   };
-
   var renderMeasureSlice = function renderMeasureSlice(len, ref) {
     var sliceNodeList = sliceNodes(nodeList, len);
     return renderMeasure(children(sliceNodeList, true), ref, measureStyle);
   };
-
   return /*#__PURE__*/React.createElement(React.Fragment, null, mergedChildren, enabledMeasure && walkingState !== DONE_WITH_ELLIPSIS && walkingState !== DONE_WITHOUT_ELLIPSIS && /*#__PURE__*/React.createElement(React.Fragment, null, renderMeasure('lg', singleRowRef, {
     wordBreak: 'keep-all',
     whiteSpace: 'nowrap'
   }), walkingState === PREPARE ? renderMeasure(children(nodeList, false), midRowRef, measureStyle) : renderMeasureSlice(midLen, midRowRef)));
 };
-
 if (process.env.NODE_ENV !== 'production') {
   Ellipsis.displayName = 'Ellipsis';
 }
-
 export default Ellipsis;

package/es/Typography/Base/EllipsisTooltip.js

@@ -1,23 +1,18 @@
 import * as React from 'react';
 import Tooltip from '../../Tooltip';
-
 var EllipsisTooltip = function EllipsisTooltip(_ref) {
   var enabledEllipsis = _ref.enabledEllipsis,
-      isEllipsis = _ref.isEllipsis,
-      children = _ref.children,
-      tooltipProps = _ref.tooltipProps;
-
+    isEllipsis = _ref.isEllipsis,
+    children = _ref.children,
+    tooltipProps = _ref.tooltipProps;
   if (!(tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.title) || !enabledEllipsis) {
     return children;
   }
-
   return /*#__PURE__*/React.createElement(Tooltip, Object.assign({
     visible: isEllipsis ? undefined : false
   }, tooltipProps), children);
 };
-
 if (process.env.NODE_ENV !== 'production') {
   EllipsisTooltip.displayName = 'EllipsisTooltip';
 }
-
 export default EllipsisTooltip;