@ccs-ui/rc-pro 2.3.6-beta-17 → 2.3.6-beta-18

package/es/ellipsis/index.js

@@ -4,14 +4,17 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { CopyOutlined } from '@ant-design/icons';
 import CcsUtils from '@ccs-ui/utils';
-import { Tooltip } from 'antd';
+import { Button, Popover } from 'antd';
 import React from 'react';
+import CcsDialog from "../dialog";
 import "./index.less";
 import useMeasure from "./useMeasure";
 import { useResizeEffect } from "./useResizeEffect";
 import { withStopPropagation } from "./withStopPropagation";
 import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var classPrefix = "ccs-ellipsis";
 var defaultProps = {
   direction: 'end',
@@ -40,7 +43,7 @@ var CcsEllipsis = function CcsEllipsis(p) {
     onContentClick = props.onContentClick,
     defaultExpanded = props.defaultExpanded,
     showTooltip = props.showTooltip;
-  var content = props.content === null ? '' : props.content.toString();
+  var _content = props.content === null ? '' : props.content.toString();
 
   // ============================ Refs ============================
   var rootRef = React.useRef(null);
@@ -64,10 +67,11 @@ var CcsEllipsis = function CcsEllipsis(p) {
   })) : null;
 
   // ========================== Ellipsis ==========================
-  var _useMeasure = useMeasure(content, rows, direction, expanded, expandNode, collapseNode),
-    _useMeasure2 = _slicedToArray(_useMeasure, 2),
+  var _useMeasure = useMeasure(_content, rows, direction, expanded, expandNode, collapseNode),
+    _useMeasure2 = _slicedToArray(_useMeasure, 3),
     measureNodes = _useMeasure2[0],
-    forceResize = _useMeasure2[1];
+    status = _useMeasure2[1],
+    forceResize = _useMeasure2[2];
   useResizeEffect(forceResize, rootRef);
 
   // =========================== Render ===========================
@@ -81,15 +85,41 @@ var CcsEllipsis = function CcsEllipsis(p) {
     },
     children: measureNodes
   });
-  return showTooltip ? /*#__PURE__*/_jsx(Tooltip, {
-    zIndex: 9999,
-    title: content,
-    placement: "bottomLeft",
-    destroyTooltipOnHide: true,
-    overlayInnerStyle: {
-      whiteSpace: 'normal'
-    },
-    children: renderNode
-  }) : renderNode;
+  if (status === 100 || !showTooltip) {
+    return renderNode;
+  }
+  if (showTooltip) {
+    return /*#__PURE__*/_jsx(Popover, {
+      zIndex: 9999,
+      content: function content() {
+        return /*#__PURE__*/_jsxs("div", {
+          style: {
+            maxWidth: 300
+          },
+          children: [_content, /*#__PURE__*/_jsx("div", {
+            style: {
+              textAlign: 'right'
+            },
+            children: /*#__PURE__*/_jsx(Button, {
+              icon: /*#__PURE__*/_jsx(CopyOutlined, {}),
+              size: "small",
+              type: "link",
+              onClick: function onClick() {
+                var _CcsDialog$message;
+                CcsUtils.copy(_content);
+                (_CcsDialog$message = CcsDialog.message) === null || _CcsDialog$message === void 0 || _CcsDialog$message.info('复制成功');
+              }
+            })
+          })]
+        });
+      },
+      placement: "bottomLeft",
+      destroyTooltipOnHide: true,
+      overlayInnerStyle: {
+        whiteSpace: 'normal'
+      },
+      children: renderNode
+    });
+  }
 };
 export default CcsEllipsis;

package/es/ellipsis/useMeasure.d.ts

@@ -1,2 +1,9 @@
 import React from 'react';
-export default function useMeasure(content: string, rows: number, direction: 'start' | 'end' | 'middle', expanded: boolean, expandNode: React.ReactElement | null, collapseNode: React.ReactElement | null): readonly [import("react/jsx-runtime").JSX.Element, () => void];
+declare const enum MEASURE_STATUS {
+    PREPARE = 1,
+    MEASURE_WALKING = 2,
+    STABLE_ELLIPSIS = 99,
+    STABLE_NO_ELLIPSIS = 100
+}
+export default function useMeasure(content: string, rows: number, direction: 'start' | 'end' | 'middle', expanded: boolean, expandNode: React.ReactElement | null, collapseNode: React.ReactElement | null): readonly [import("react/jsx-runtime").JSX.Element, MEASURE_STATUS, () => void];
+export {};

package/es/ellipsis/useMeasure.js

@@ -138,5 +138,5 @@ export default function useMeasure(content, rows, direction, expanded, expandNod
       children: renderContent(midIndex)
     }, "walking-mid"), finalContent]
   });
-  return [allNodes, startMeasure];
+  return [allNodes, status, startMeasure];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ccs-ui/rc-pro",
-  "version": "2.3.6-beta-17",
+  "version": "2.3.6-beta-18",
   "description": "",
   "license": "MIT",
   "author": {