linkmore-design 1.1.25-beta.2 → 1.1.26

package/lib/TreeSelect/index.js

@@ -1,49 +1,64 @@
 "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;
+
 require("antd/es/tree-select/style");
+
 var _treeSelect = _interopRequireDefault(require("antd/es/tree-select"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _DisabledContext = _interopRequireDefault(require("../ConfigProvider/DisabledContext"));
+
 var _SizeContext = _interopRequireDefault(require("../ConfigProvider/SizeContext"));
+
 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 CLMTreeSelect = /*#__PURE__*/(0, _react.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.default.useContext(_DisabledContext.default);
-  var mergedDisabled = customDisabled || disabled;
-  // ===================== size =====================
+
+  var mergedDisabled = customDisabled || disabled; // ===================== size =====================
+
   var size = _react.default.useContext(_SizeContext.default);
+
   var mergeSize = customizeSize || size;
   var deepChildren = (0, _react.useCallback)(function (arr) {
     var flag = false;
+
     _react.default.Children.forEach(arr, function (child) {
       if ( /*#__PURE__*/_react.default.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;
@@ -53,13 +68,16 @@ var CLMTreeSelect = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         }
       }
     });
+
     return flag;
   }, [value]);
   var hasOption = (0, _react.useMemo)(function () {
     var flag = false;
+
     if (children) {
       flag = deepChildren(children);
     }
+
     if (treeData) {
       var deepFind = function deepFind(arr) {
         return arr.some(function (v) {
@@ -67,11 +85,13 @@ var CLMTreeSelect = /*#__PURE__*/(0, _react.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 = (0, _react.useMemo)(function () {
     if (value && !hasOption) return defaultLabel !== null && defaultLabel !== void 0 ? defaultLabel : value;
     return value;

package/lib/Typography/Base/Ellipsis.js

@@ -1,20 +1,29 @@
 "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 _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
 var _toArray = _interopRequireDefault(require("rc-util/lib/Children/toArray"));
+
 var _useLayoutEffect = _interopRequireDefault(require("rc-util/lib/hooks/useLayoutEffect"));
+
 var React = _interopRequireWildcard(require("react"));
+
 function cuttable(node) {
   var type = (0, _typeof2.default)(node);
   return type === 'string' || type === 'number';
 }
+
 function getNodesLen(nodeList) {
   var totalLen = 0;
   nodeList.forEach(function (node) {
@@ -26,58 +35,70 @@ 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 = (0, _slicedToArray2.default)(_React$useState, 2),
-    cutLength = _React$useState2[0],
-    setCutLength = _React$useState2[1];
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      cutLength = _React$useState2[0],
+      setCutLength = _React$useState2[1];
+
   var _React$useState3 = React.useState(NONE),
-    _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
-    walkingState = _React$useState4[0],
-    setWalkingState = _React$useState4[1];
+      _React$useState4 = (0, _slicedToArray2.default)(_React$useState3, 2),
+      walkingState = _React$useState4[0],
+      setWalkingState = _React$useState4[1];
+
   var _cutLength = (0, _slicedToArray2.default)(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 = (0, _slicedToArray2.default)(_React$useState5, 2),
-    singleRowHeight = _React$useState6[0],
-    setSingleRowHeight = _React$useState6[1];
+      _React$useState6 = (0, _slicedToArray2.default)(_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 () {
@@ -90,9 +111,10 @@ 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 ========================
+
   (0, _useLayoutEffect.default)(function () {
     if (enabledMeasure && width && totalLen) {
       setWalkingState(PREPARE);
@@ -101,17 +123,20 @@ var Ellipsis = function Ellipsis(_ref) {
   }, [enabledMeasure, width, text, totalLen, rows]);
   (0, _useLayoutEffect.default)(function () {
     var _a;
+
     if (walkingState === PREPARE) {
       setSingleRowHeight(((_a = singleRowRef.current) === null || _a === void 0 ? void 0 : _a.offsetHeight) || 0);
     }
   }, [walkingState]);
   (0, _useLayoutEffect.default)(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);
@@ -121,10 +146,12 @@ 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) {
@@ -132,6 +159,7 @@ var Ellipsis = function Ellipsis(_ref) {
           } else {
             nextEndLen = midLen;
           }
+
           var nextMidLen = Math.ceil((nextStartLen + nextEndLen) / 2);
           setCutLength([nextStartLen, nextMidLen, nextEndLen]);
         } else {
@@ -140,14 +168,15 @@ 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,
@@ -163,17 +192,21 @@ 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';
 }
+
 var _default = Ellipsis;
 exports.default = _default;

package/lib/Typography/Base/EllipsisTooltip.js

@@ -1,27 +1,36 @@
 "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 React = _interopRequireWildcard(require("react"));
+
 var _Tooltip = _interopRequireDefault(require("../../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.default, Object.assign({
     visible: isEllipsis ? undefined : false
   }, tooltipProps), children);
 };
+
 if (process.env.NODE_ENV !== 'production') {
   EllipsisTooltip.displayName = 'EllipsisTooltip';
 }
+
 var _default = EllipsisTooltip;
 exports.default = _default;