@fle-ui/next 2.0.0-alpha.3 → 2.0.0-alpha.6

package/es/tree-select/style/index.css

@@ -0,0 +1,481 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+@keyframes ant-tree-node-fx-do-not-use {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes antCheckboxEffect {
+  0% {
+    transform: scale(1);
+    opacity: 0.5;
+  }
+  100% {
+    transform: scale(1.6);
+    opacity: 0;
+  }
+}
+.ant-select-tree-checkbox {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  position: relative;
+  top: 0.2em;
+  line-height: 1;
+  white-space: nowrap;
+  outline: none;
+  cursor: pointer;
+}
+.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-inner,
+.ant-select-tree-checkbox:hover .ant-select-tree-checkbox-inner,
+.ant-select-tree-checkbox-input:focus + .ant-select-tree-checkbox-inner {
+  border-color: #1890ff;
+}
+.ant-select-tree-checkbox-checked::after {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  border: 1px solid #1890ff;
+  border-radius: 2px;
+  visibility: hidden;
+  animation: antCheckboxEffect 0.36s ease-in-out;
+  animation-fill-mode: backwards;
+  content: '';
+}
+.ant-select-tree-checkbox:hover::after,
+.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox::after {
+  visibility: visible;
+}
+.ant-select-tree-checkbox-inner {
+  position: relative;
+  top: 0;
+  left: 0;
+  display: block;
+  width: 16px;
+  height: 16px;
+  direction: ltr;
+  background-color: #fff;
+  border: 1px solid #d9d9d9;
+  border-radius: 2px;
+  border-collapse: separate;
+  transition: all 0.3s;
+}
+.ant-select-tree-checkbox-inner::after {
+  position: absolute;
+  top: 50%;
+  left: 21.5%;
+  display: table;
+  width: 5.71428571px;
+  height: 9.14285714px;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  transform: rotate(45deg) scale(0) translate(-50%, -50%);
+  opacity: 0;
+  transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6), opacity 0.1s;
+  content: ' ';
+}
+.ant-select-tree-checkbox-input {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  opacity: 0;
+}
+.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
+  position: absolute;
+  display: table;
+  border: 2px solid #fff;
+  border-top: 0;
+  border-left: 0;
+  transform: rotate(45deg) scale(1) translate(-50%, -50%);
+  opacity: 1;
+  transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
+  content: ' ';
+}
+.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner {
+  background-color: #1890ff;
+  border-color: #1890ff;
+}
+.ant-select-tree-checkbox-disabled {
+  cursor: not-allowed;
+}
+.ant-select-tree-checkbox-disabled.ant-select-tree-checkbox-checked .ant-select-tree-checkbox-inner::after {
+  border-color: rgba(0, 0, 0, 0.25);
+  animation-name: none;
+}
+.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-input {
+  cursor: not-allowed;
+  pointer-events: none;
+}
+.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner {
+  background-color: #f5f5f5;
+  border-color: #d9d9d9 !important;
+}
+.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
+  border-color: #f5f5f5;
+  border-collapse: separate;
+  animation-name: none;
+}
+.ant-select-tree-checkbox-disabled + span {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.ant-select-tree-checkbox-disabled:hover::after,
+.ant-select-tree-checkbox-wrapper:hover .ant-select-tree-checkbox-disabled::after {
+  visibility: hidden;
+}
+.ant-select-tree-checkbox-wrapper {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  display: inline-flex;
+  align-items: baseline;
+  line-height: unset;
+  cursor: pointer;
+}
+.ant-select-tree-checkbox-wrapper::after {
+  display: inline-block;
+  width: 0;
+  overflow: hidden;
+  content: '\a0';
+}
+.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-disabled {
+  cursor: not-allowed;
+}
+.ant-select-tree-checkbox-wrapper + .ant-select-tree-checkbox-wrapper {
+  margin-left: 8px;
+}
+.ant-select-tree-checkbox-wrapper.ant-select-tree-checkbox-wrapper-in-form-item input[type='checkbox'] {
+  width: 14px;
+  height: 14px;
+}
+.ant-select-tree-checkbox + span {
+  padding-right: 8px;
+  padding-left: 8px;
+}
+.ant-select-tree-checkbox-group {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  display: inline-block;
+}
+.ant-select-tree-checkbox-group-item {
+  margin-right: 8px;
+}
+.ant-select-tree-checkbox-group-item:last-child {
+  margin-right: 0;
+}
+.ant-select-tree-checkbox-group-item + .ant-select-tree-checkbox-group-item {
+  margin-left: 0;
+}
+.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner {
+  background-color: #fff;
+  border-color: #d9d9d9;
+}
+.ant-select-tree-checkbox-indeterminate .ant-select-tree-checkbox-inner::after {
+  top: 50%;
+  left: 50%;
+  width: 8px;
+  height: 8px;
+  background-color: #1890ff;
+  border: 0;
+  transform: translate(-50%, -50%) scale(1);
+  opacity: 1;
+  content: ' ';
+}
+.ant-select-tree-checkbox-indeterminate.ant-select-tree-checkbox-disabled .ant-select-tree-checkbox-inner::after {
+  background-color: rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.25);
+}
+.ant-tree-select-dropdown {
+  padding: 8px 4px;
+}
+.ant-tree-select-dropdown-rtl {
+  direction: rtl;
+}
+.ant-tree-select-dropdown .ant-select-tree {
+  border-radius: 0;
+}
+.ant-tree-select-dropdown .ant-select-tree-list-holder-inner {
+  align-items: stretch;
+}
+.ant-tree-select-dropdown .ant-select-tree-list-holder-inner .ant-select-tree-treenode .ant-select-tree-node-content-wrapper {
+  flex: auto;
+}
+.ant-select-tree {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 14px;
+  font-variant: tabular-nums;
+  line-height: 1.5715;
+  list-style: none;
+  font-feature-settings: 'tnum';
+  background: #fff;
+  border-radius: 2px;
+  transition: background-color 0.3s;
+}
+.ant-select-tree-focused:not(:hover):not(.ant-select-tree-active-focused) {
+  background: #e6f7ff;
+}
+.ant-select-tree-list-holder-inner {
+  align-items: flex-start;
+}
+.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner {
+  align-items: stretch;
+}
+.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-node-content-wrapper {
+  flex: auto;
+}
+.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging {
+  position: relative;
+}
+.ant-select-tree.ant-select-tree-block-node .ant-select-tree-list-holder-inner .ant-select-tree-treenode.dragging::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 4px;
+  left: 0;
+  border: 1px solid #1890ff;
+  opacity: 0;
+  animation: ant-tree-node-fx-do-not-use 0.3s;
+  animation-play-state: running;
+  animation-fill-mode: forwards;
+  content: '';
+  pointer-events: none;
+}
+.ant-select-tree .ant-select-tree-treenode {
+  display: flex;
+  align-items: flex-start;
+  padding: 0 0 4px 0;
+  outline: none;
+}
+.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper {
+  color: rgba(0, 0, 0, 0.25);
+  cursor: not-allowed;
+}
+.ant-select-tree .ant-select-tree-treenode-disabled .ant-select-tree-node-content-wrapper:hover {
+  background: transparent;
+}
+.ant-select-tree .ant-select-tree-treenode-active .ant-select-tree-node-content-wrapper {
+  background: #f5f5f5;
+}
+.ant-select-tree .ant-select-tree-treenode:not(.ant-select-tree .ant-select-tree-treenode-disabled).filter-node .ant-select-tree-title {
+  color: inherit;
+  font-weight: 500;
+}
+.ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
+  width: 24px;
+  line-height: 24px;
+  text-align: center;
+  visibility: visible;
+  opacity: 0.2;
+  transition: opacity 0.3s;
+}
+.ant-select-tree-treenode:hover .ant-select-tree .ant-select-tree-treenode-draggable .ant-select-tree-draggable-icon {
+  opacity: 0.45;
+}
+.ant-select-tree .ant-select-tree-treenode-draggable.ant-select-tree-treenode-disabled .ant-select-tree-draggable-icon {
+  visibility: hidden;
+}
+.ant-select-tree-indent {
+  align-self: stretch;
+  white-space: nowrap;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.ant-select-tree-indent-unit {
+  display: inline-block;
+  width: 24px;
+}
+.ant-select-tree-draggable-icon {
+  visibility: hidden;
+}
+.ant-select-tree-switcher {
+  position: relative;
+  flex: none;
+  align-self: stretch;
+  width: 24px;
+  margin: 0;
+  line-height: 24px;
+  text-align: center;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.ant-select-tree-switcher .ant-tree-switcher-icon,
+.ant-select-tree-switcher .ant-select-tree-switcher-icon {
+  display: inline-block;
+  font-size: 10px;
+  vertical-align: baseline;
+}
+.ant-select-tree-switcher .ant-tree-switcher-icon svg,
+.ant-select-tree-switcher .ant-select-tree-switcher-icon svg {
+  transition: transform 0.3s;
+}
+.ant-select-tree-switcher-noop {
+  cursor: default;
+}
+.ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
+  transform: rotate(-90deg);
+}
+.ant-select-tree-switcher-loading-icon {
+  color: #1890ff;
+}
+.ant-select-tree-switcher-leaf-line {
+  position: relative;
+  z-index: 1;
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+}
+.ant-select-tree-switcher-leaf-line::before {
+  position: absolute;
+  top: 0;
+  right: 12px;
+  bottom: -4px;
+  margin-left: -1px;
+  border-right: 1px solid #d9d9d9;
+  content: ' ';
+}
+.ant-select-tree-switcher-leaf-line::after {
+  position: absolute;
+  width: 10px;
+  height: 14px;
+  border-bottom: 1px solid #d9d9d9;
+  content: ' ';
+}
+.ant-select-tree-checkbox {
+  top: initial;
+  margin: 4px 8px 0 0;
+}
+.ant-select-tree .ant-select-tree-node-content-wrapper {
+  position: relative;
+  z-index: auto;
+  min-height: 24px;
+  margin: 0;
+  padding: 0 4px;
+  color: inherit;
+  line-height: 24px;
+  background: transparent;
+  border-radius: 2px;
+  cursor: pointer;
+  transition: all 0.3s, border 0s, line-height 0s, box-shadow 0s;
+}
+.ant-select-tree .ant-select-tree-node-content-wrapper:hover {
+  background-color: #f5f5f5;
+}
+.ant-select-tree .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
+  background-color: #bae7ff;
+}
+.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle {
+  display: inline-block;
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+  text-align: center;
+  vertical-align: top;
+}
+.ant-select-tree .ant-select-tree-node-content-wrapper .ant-select-tree-iconEle:empty {
+  display: none;
+}
+.ant-select-tree-unselectable .ant-select-tree-node-content-wrapper:hover {
+  background-color: transparent;
+}
+.ant-select-tree-node-content-wrapper {
+  line-height: 24px;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator {
+  position: absolute;
+  z-index: 1;
+  height: 2px;
+  background-color: #1890ff;
+  border-radius: 1px;
+  pointer-events: none;
+}
+.ant-select-tree-node-content-wrapper .ant-tree-drop-indicator::after {
+  position: absolute;
+  top: -3px;
+  left: -6px;
+  width: 8px;
+  height: 8px;
+  background-color: transparent;
+  border: 2px solid #1890ff;
+  border-radius: 50%;
+  content: '';
+}
+.ant-select-tree .ant-select-tree-treenode.drop-container > [draggable] {
+  box-shadow: 0 0 0 2px #1890ff;
+}
+.ant-select-tree-show-line .ant-select-tree-indent-unit {
+  position: relative;
+  height: 100%;
+}
+.ant-select-tree-show-line .ant-select-tree-indent-unit::before {
+  position: absolute;
+  top: 0;
+  right: 12px;
+  bottom: -4px;
+  border-right: 1px solid #d9d9d9;
+  content: '';
+}
+.ant-select-tree-show-line .ant-select-tree-indent-unit-end::before {
+  display: none;
+}
+.ant-select-tree-show-line .ant-select-tree-switcher {
+  background: #fff;
+}
+.ant-select-tree-show-line .ant-select-tree-switcher-line-icon {
+  vertical-align: -0.15em;
+}
+.ant-select-tree .ant-select-tree-treenode-leaf-last .ant-select-tree-switcher-leaf-line::before {
+  top: auto !important;
+  bottom: auto !important;
+  height: 14px !important;
+}
+.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher_close .ant-select-tree-switcher-icon svg {
+  transform: rotate(90deg);
+}
+.ant-tree-select-dropdown-rtl .ant-select-tree .ant-select-tree-switcher-loading-icon {
+  transform: scaleY(-1);
+}

package/es/tree-select/style/index.d.ts

@@ -0,0 +1,4 @@
+import '../../style/default.less';
+import './index.less';
+import '../../empty/style';
+import '../../select/style';

package/es/tree-select/style/index.js

@@ -0,0 +1,6 @@
+import "../../style/default.less";
+import "./index.less"; // style dependencies
+// deps-lint-skip: tree, form, space
+
+import "../../empty/style";
+import "../../select/style";

package/es/tree-select/style/index.less

@@ -0,0 +1,3 @@
+@root-entry-name: default;
+
+@import './index-pure.less';

package/es/typography/Base/Ellipsis.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+export interface EllipsisProps {
+    enabledMeasure?: boolean;
+    text?: React.ReactNode;
+    width: number;
+    fontSize: number;
+    rows: number;
+    children: (cutChildren: React.ReactNode[], needEllipsis: boolean) => React.ReactNode;
+    onEllipsis: (isEllipsis: boolean) => void;
+}
+declare const Ellipsis: {
+    ({ enabledMeasure, children, text, width, fontSize, rows, onEllipsis, }: EllipsisProps): JSX.Element;
+    displayName: string;
+};
+export default Ellipsis;

package/es/typography/Base/Ellipsis.js

@@ -0,0 +1,198 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _typeof from "@babel/runtime/helpers/esm/typeof";
+import toArray from "rc-util/es/Children/toArray";
+import useIsomorphicLayoutEffect from "rc-util/es/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) {
+    if (cuttable(node)) {
+      totalLen += String(node).length;
+    } else {
+      totalLen += 1;
+    }
+  });
+  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
+    // 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,
+      fontSize = _ref.fontSize,
+      rows = _ref.rows,
+      onEllipsis = _ref.onEllipsis;
+
+  var _React$useState = React.useState([0, 0, 0]),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      _React$useState2$ = _slicedToArray(_React$useState2[0], 3),
+      startLen = _React$useState2$[0],
+      midLen = _React$useState2$[1],
+      endLen = _React$useState2$[2],
+      setCutLength = _React$useState2[1];
+
+  var _React$useState3 = React.useState(NONE),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      walkingState = _React$useState4[0],
+      setWalkingState = _React$useState4[1];
+
+  var _React$useState5 = React.useState(0),
+      _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 () {
+    return toArray(text);
+  }, [text]);
+  var totalLen = React.useMemo(function () {
+    return getNodesLen(nodeList);
+  }, [nodeList]);
+  var mergedChildren = React.useMemo(function () {
+    if (!enabledMeasure || walkingState !== DONE_WITH_ELLIPSIS) {
+      return children(nodeList, false);
+    }
+
+    return children(sliceNodes(nodeList, midLen), midLen < totalLen);
+  }, [enabledMeasure, walkingState, children, nodeList, midLen, totalLen]); // ======================== Walk ========================
+
+  useIsomorphicLayoutEffect(function () {
+    if (enabledMeasure && width && fontSize && totalLen) {
+      setWalkingState(PREPARE);
+      setCutLength([0, Math.ceil(totalLen / 2), totalLen]);
+    }
+  }, [enabledMeasure, width, fontSize, 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);
+        } else {
+          setWalkingState(WALKING);
+        }
+      } 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
+
+          if (startLen === endLen - 1) {
+            nextEndLen = startLen;
+          } else if (_midHeight <= _maxHeight) {
+            nextStartLen = midLen;
+          } else {
+            nextEndLen = midLen;
+          }
+
+          var nextMidLen = Math.ceil((nextStartLen + nextEndLen) / 2);
+          setCutLength([nextStartLen, nextMidLen, nextEndLen]);
+        } else {
+          setWalkingState(DONE_WITH_ELLIPSIS);
+          onEllipsis(true);
+        }
+      }
+    }
+  }, [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,
+      ref: ref,
+      style: _extends({
+        position: 'fixed',
+        display: 'block',
+        left: 0,
+        top: 0,
+        zIndex: -9999,
+        visibility: 'hidden',
+        pointerEvents: 'none',
+        fontSize: Math.floor(fontSize / 2) * 2
+      }, 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;