@zykj2024/much-library 1.1.0 → 1.1.1-beta.1

package/dist/McEllipsisMiddle/demo/base.js

@@ -20,6 +20,28 @@ export default (function () {
       },
       text: "\u8FD9\u662F\u4E00\u6BB5\u6709\u6EA2\u51FA\u7684\u6587\u5B57\uFF0C\u8FD9\u662F\u4E00\u6BB5\u6709\u6EA2\u51FA\u7684\u6587\u5B57",
       suffixCount: 4
+    }), /*#__PURE__*/_jsx(McEllipsisMiddle, {
+      style: {
+        width: 250
+      },
+      tooltip: "\u8FD9\u662Ftooltip\u7684\u5185\u5BB9",
+      noTooltip: true,
+      symbol: function symbol() {
+        return /*#__PURE__*/_jsx("div", {
+          children: "123"
+        });
+      },
+      text: "\u6587\u5B57\u548Ctooltip\u4F7F\u7528\u4E0D\u540C\u7684\u5185\u5BB9,\u6587\u5B57\u548Ctooltip\u4F7F\u7528\u4E0D\u540C\u7684\u5185\u5BB9",
+      suffixCount: 4
+    }), /*#__PURE__*/_jsx(McEllipsisMiddle, {
+      style: {
+        width: 150,
+        marginLeft: 12
+      },
+      tooltip: "\u8FD9\u662Ftooltip\u7684\u5185\u5BB9",
+      noTooltip: true,
+      text: "\u6211\u4E0D\u9700\u8981\u7701\u7565\u53F7",
+      suffixCount: 4
     })]
   });
 });

package/dist/McEllipsisMiddle/index.d.ts

@@ -3,9 +3,11 @@ import { TextProps } from 'antd/es/typography/Text';
 import './index.less';
 export interface McEllipsisMiddleProps extends TextProps {
     text: string;
+    /** 自定义tooltip时, 无论是否省略都会展示 */
+    tooltip?: string;
     /** 省略号结尾显示的字个数 */
     suffixCount: number;
     style?: React.CSSProperties;
     className?: string;
 }
-export declare const McEllipsisMiddle: ({ text, suffixCount, style, className, ...rest }: McEllipsisMiddleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const McEllipsisMiddle: ({ text, tooltip, suffixCount, style, className, ...rest }: McEllipsisMiddleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/McEllipsisMiddle/index.js

@@ -1,7 +1,7 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["text", "suffixCount", "style", "className"];
-import { Typography } from 'antd';
+var _excluded = ["text", "tooltip", "suffixCount", "style", "className"];
+import { Tooltip, Typography } from 'antd';
 import "./index.css";
 
 /** 中间省略 */
@@ -9,6 +9,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 var Text = Typography.Text;
 export var McEllipsisMiddle = function McEllipsisMiddle(_ref) {
   var text = _ref.text,
+    tooltip = _ref.tooltip,
     suffixCount = _ref.suffixCount,
     style = _ref.style,
     className = _ref.className,
@@ -17,16 +18,25 @@ export var McEllipsisMiddle = function McEllipsisMiddle(_ref) {
   var isBeyond = labelStr.length > suffixCount;
   var start = isBeyond ? labelStr.slice(0, labelStr.length - suffixCount) : labelStr;
   var suffix = isBeyond ? labelStr.slice(-suffixCount).trim() : '';
-  return /*#__PURE__*/_jsx(Text, _objectSpread(_objectSpread({
-    className: ['mc-ellipsis-middle', className].filter(Boolean).join(''),
-    style: _objectSpread({
-      width: '100%'
-    }, style),
-    ellipsis: {
-      tooltip: labelStr,
-      suffix: suffix
-    }
-  }, rest), {}, {
-    children: start
-  }));
+  var renderText = function renderText(noTooltip) {
+    return /*#__PURE__*/_jsx(Text, _objectSpread(_objectSpread({
+      className: ['mc-ellipsis-middle', className].filter(Boolean).join(' '),
+      style: _objectSpread({
+        width: '100%'
+      }, style),
+      ellipsis: {
+        tooltip: !noTooltip && labelStr ? labelStr : false,
+        suffix: suffix
+      }
+    }, rest), {}, {
+      children: start
+    }));
+  };
+  if (tooltip) {
+    return /*#__PURE__*/_jsx(Tooltip, {
+      title: tooltip,
+      children: renderText(true)
+    });
+  }
+  return renderText(false);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zykj2024/much-library",
-  "version": "1.1.0",
+  "version": "1.1.1-beta.1",
   "description": "react library",
   "license": "MIT",
   "module": "dist/index.js",