@ccs-ui/rc-pro 2.3.6-beta-19 → 2.3.6-beta-20

package/es/ellipsis/index.js

@@ -6,7 +6,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { CopyOutlined } from '@ant-design/icons';
 import CcsUtils from '@ccs-ui/utils';
-import { Button, Tooltip } from 'antd';
+import { Popover, theme } from 'antd';
 import React from 'react';
 import CcsDialog from "../dialog";
 import "./index.less";
@@ -14,8 +14,8 @@ import useMeasure from "./useMeasure";
 import { useResizeEffect } from "./useResizeEffect";
 import { withStopPropagation } from "./withStopPropagation";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var classPrefix = "ccs-ellipsis";
 var defaultProps = {
   direction: 'end',
@@ -36,6 +36,8 @@ var defaultProps = {
  */
 var CcsEllipsis = function CcsEllipsis(p) {
   var props = CcsUtils.mergeProps(defaultProps, p);
+  var _theme$useToken = theme.useToken(),
+    token = _theme$useToken.token;
   var direction = props.direction,
     rows = props.rows,
     expandText = props.expandText,
@@ -44,7 +46,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);
@@ -68,7 +70,7 @@ var CcsEllipsis = function CcsEllipsis(p) {
   })) : null;
 
   // ========================== Ellipsis ==========================
-  var _useMeasure = useMeasure(content, rows, direction, expanded, expandNode, collapseNode),
+  var _useMeasure = useMeasure(_content, rows, direction, expanded, expandNode, collapseNode),
     _useMeasure2 = _slicedToArray(_useMeasure, 3),
     measureNodes = _useMeasure2[0],
     status = _useMeasure2[1],
@@ -90,29 +92,32 @@ var CcsEllipsis = function CcsEllipsis(p) {
     return renderNode;
   }
   if (showTooltip) {
-    return /*#__PURE__*/_jsx(Tooltip, {
+    return /*#__PURE__*/_jsx(Popover, {
       zIndex: 9999,
-      title: function title() {
+      rootClassName: "ccs-ellipsis-tooltips",
+      content: function content() {
         return /*#__PURE__*/_jsxs(_Fragment, {
-          children: [content, /*#__PURE__*/_jsx("div", {
+          children: [_content, /*#__PURE__*/_jsxs("a", {
             style: {
-              textAlign: 'right'
+              color: token.colorPrimary,
+              display: 'block'
+            },
+            onClick: function onClick() {
+              var _CcsDialog$message;
+              CcsUtils.copy(_content);
+              (_CcsDialog$message = CcsDialog.message) === null || _CcsDialog$message === void 0 || _CcsDialog$message.info('复制成功');
             },
-            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('复制成功');
+            children: [/*#__PURE__*/_jsx(CopyOutlined, {
+              style: {
+                marginRight: 5
               }
-            })
+            }), "\u590D\u5236"]
           })]
         });
       },
-      placement: "bottomLeft",
-      destroyTooltipOnHide: true,
+      placement: "bottomLeft"
+      // destroyTooltipOnHide
+      ,
       overlayInnerStyle: {
         whiteSpace: 'normal'
       },

package/es/ellipsis/index.less

@@ -3,3 +3,10 @@
   line-height: 1.5;
   word-break: break-word;
 }
+
+.ccs-ellipsis-tooltips {
+  .ant-popover-inner {
+    max-height: 50%;
+    overflow: auto;
+  }
+}

package/es/table/index.less

@@ -150,3 +150,9 @@
     }
   }
 }
+
+.ccs-table-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/package.json

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