@ccs-ui/rc-pro 2.3.6-beta-5 → 2.3.6-beta-7

package/es/dialog/button.d.ts

@@ -16,7 +16,7 @@ export type DialogButtonsProps<T> = Pick<CcsDialogModalProps, 'okText' | 'onClos
 export type DialogButtonRef = {
     onSetButtons: (e: React.ReactElement) => void;
 };
-export declare const DialogButtonHolder: <TParams, TData>({ auth, extraBtn, formRef, request, onOk, onClose, buttonRef, requestFieldNames, formInitialValues, preventRequestHandle, }: Pick<CcsDialogModalProps<TParams, TData>, "auth" | "request" | "onOk" | "onClose" | "extraBtn" | "requestFieldNames" | "preventRequestHandle"> & {
+export declare const DialogButtonHolder: <TParams, TData>({ auth, extraBtn, formRef, request, onOk, onClose, buttonRef, requestFieldNames, formInitialValues, preventRequestHandle, }: Pick<CcsDialogModalProps<TParams, TData>, "auth" | "onClose" | "onOk" | "extraBtn" | "request" | "requestFieldNames" | "preventRequestHandle"> & {
     formRef: React.RefObject<DialogFormRef<TParams>>;
     formInitialValues: FormProps['initialValues'];
     buttonRef: RefObject<DialogButtonRef>;

package/es/ellipsis/index.d.ts

@@ -1,6 +1,22 @@
-type PropsType = {
-    text: string;
-    maxLine: number;
+import type { FC, ReactNode } from 'react';
+import React from 'react';
+import './index.less';
+import { PropagationEvent } from './withStopPropagation';
+export type EllipsisProps = {
+    content: string;
+    direction?: 'start' | 'end' | 'middle';
+    rows?: number;
+    expandText?: ReactNode;
+    collapseText?: ReactNode;
+    stopPropagationForActionButtons?: PropagationEvent[];
+    onContentClick?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    defaultExpanded?: boolean;
+    showTooltip?: boolean;
 };
-export default function CcsLinesEllipsis({ text, maxLine }: PropsType): import("react/jsx-runtime").JSX.Element;
-export {};
+/**
+ * 文本缩略
+ * @param EllipsisProps
+ * @returns
+ */
+declare const CcsEllipsis: FC<EllipsisProps>;
+export default CcsEllipsis;

package/es/ellipsis/index.js

@@ -4,35 +4,92 @@ 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 { useState } from 'react';
-import LinesEllipsis from 'react-lines-ellipsis';
+import CcsUtils from '@ccs-ui/utils';
+import { Tooltip } from 'antd';
+import React from 'react';
+import "./index.less";
+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";
-export default function CcsLinesEllipsis(_ref) {
-  var text = _ref.text,
-    maxLine = _ref.maxLine;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isShowMore = _useState2[0],
-    setIsShowMore = _useState2[1];
-  return isShowMore ? /*#__PURE__*/_jsxs(_Fragment, {
-    children: [text, /*#__PURE__*/_jsx("a", {
-      onClick: function onClick() {
-        return setIsShowMore(false);
-      },
-      children: " \u6536\u8D77"
-    })]
-  }) : /*#__PURE__*/_jsx(LinesEllipsis, {
-    text: text,
-    maxLine: maxLine,
-    ellipsis: /*#__PURE__*/_jsx("a", {
-      onClick: function onClick() {
-        return setIsShowMore(true);
-      },
-      children: "... \u5C55\u5F00"
-    }),
-    trimRight: true,
-    basedOn: "letters"
+var classPrefix = "ccs-ellipsis";
+var defaultProps = {
+  direction: 'end',
+  rows: 1,
+  expandText: '',
+  content: '',
+  collapseText: '',
+  stopPropagationForActionButtons: [],
+  onContentClick: function onContentClick() {},
+  defaultExpanded: false,
+  showTooltip: false
+};
+
+/**
+ * 文本缩略
+ * @param EllipsisProps
+ * @returns
+ */
+var CcsEllipsis = function CcsEllipsis(p) {
+  var props = CcsUtils.mergeProps(defaultProps, p);
+  var direction = props.direction,
+    rows = props.rows,
+    expandText = props.expandText,
+    collapseText = props.collapseText,
+    stopPropagationForActionButtons = props.stopPropagationForActionButtons,
+    onContentClick = props.onContentClick,
+    defaultExpanded = props.defaultExpanded,
+    showTooltip = props.showTooltip;
+  var content = props.content === null ? '' : props.content.toString();
+
+  // ============================ Refs ============================
+  var rootRef = React.useRef(null);
+
+  // ========================== Expanded ==========================
+  var _React$useState = React.useState(defaultExpanded),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    expanded = _React$useState2[0],
+    setExpanded = _React$useState2[1];
+  var expandNode = expandText ? withStopPropagation(stopPropagationForActionButtons, /*#__PURE__*/_jsx("a", {
+    onClick: function onClick() {
+      setExpanded(true);
+    },
+    children: expandText
+  })) : null;
+  var collapseNode = collapseText ? withStopPropagation(stopPropagationForActionButtons, /*#__PURE__*/_jsx("a", {
+    onClick: function onClick() {
+      setExpanded(false);
+    },
+    children: collapseText
+  })) : null;
+
+  // ========================== Ellipsis ==========================
+  var _useMeasure = useMeasure(content, rows, direction, expanded, expandNode, collapseNode),
+    _useMeasure2 = _slicedToArray(_useMeasure, 2),
+    measureNodes = _useMeasure2[0],
+    forceResize = _useMeasure2[1];
+  useResizeEffect(forceResize, rootRef);
+
+  // =========================== Render ===========================
+  var renderNode = /*#__PURE__*/_jsx("div", {
+    ref: rootRef,
+    className: classPrefix,
+    onClick: function onClick(e) {
+      if (e.target === e.currentTarget) {
+        onContentClick(e);
+      }
+    },
+    children: measureNodes
   });
-}
+  return showTooltip ? /*#__PURE__*/_jsx(Tooltip, {
+    zIndex: 9999,
+    title: content,
+    placement: "bottomLeft",
+    destroyTooltipOnHide: true,
+    overlayInnerStyle: {
+      whiteSpace: 'normal'
+    },
+    children: renderNode
+  }) : renderNode;
+};
+export default CcsEllipsis;

package/es/ellipsis/index.less

@@ -0,0 +1,5 @@
+.ccs-ellipsis {
+  overflow: hidden;
+  line-height: 1.5;
+  word-break: break-word;
+}

package/es/ellipsis/useMeasure.d.ts

@@ -0,0 +1,2 @@
+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];

package/es/ellipsis/useMeasure.js

@@ -0,0 +1,142 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 { useEvent } from 'rc-util';
+import React from 'react';
+import { unstable_batchedUpdates } from 'react-dom';
+import runes from 'runes2';
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ELLIPSIS_TEXT = '...';
+var measureStyle = {
+  visibility: 'hidden',
+  whiteSpace: 'inherit',
+  lineHeight: 'inherit',
+  fontSize: 'inherit'
+};
+export default function useMeasure(content, rows, direction, expanded, expandNode, collapseNode) {
+  var contentChars = React.useMemo(function () {
+    return runes(content);
+  }, [content]);
+  var _React$useState = React.useState(0),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    maxHeight = _React$useState2[0],
+    setMaxHeight = _React$useState2[1];
+  var _React$useState3 = React.useState([0, 0]),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    walkingIndexes = _React$useState4[0],
+    setWalkingIndexes = _React$useState4[1];
+  var midIndex = Math.ceil((walkingIndexes[0] + walkingIndexes[1]) / 2);
+  var _React$useState5 = React.useState(100),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    status = _React$useState6[0],
+    setStatus = _React$useState6[1];
+
+  // ============================ Refs ============================
+  var singleRowMeasureRef = React.useRef(null);
+  var fullMeasureRef = React.useRef(null);
+  var midMeasureRef = React.useRef(null);
+  var startMeasure = useEvent(function () {
+    // use batch update to avoid async update trigger 2 render
+    unstable_batchedUpdates(function () {
+      setStatus(1);
+      setWalkingIndexes([0, direction === 'middle' ? Math.ceil(contentChars.length / 2) : contentChars.length]);
+    });
+  });
+
+  // Initialize
+  React.useLayoutEffect(function () {
+    startMeasure();
+  }, [contentChars, rows]);
+
+  // Measure element height
+  React.useLayoutEffect(function () {
+    if (status === 1) {
+      var _fullMeasureRef$curre, _singleRowMeasureRef$;
+      var fullMeasureHeight = ((_fullMeasureRef$curre = fullMeasureRef.current) === null || _fullMeasureRef$curre === void 0 ? void 0 : _fullMeasureRef$curre.offsetHeight) || 0;
+      var singleRowMeasureHeight = ((_singleRowMeasureRef$ = singleRowMeasureRef.current) === null || _singleRowMeasureRef$ === void 0 ? void 0 : _singleRowMeasureRef$.offsetHeight) || 0;
+      var rowMeasureHeight = singleRowMeasureHeight * (rows + 0.5);
+      if (fullMeasureHeight <= rowMeasureHeight) {
+        setStatus(100);
+      } else {
+        setMaxHeight(rowMeasureHeight);
+        setStatus(2);
+      }
+    }
+  }, [status]);
+
+  // Walking measure
+  React.useLayoutEffect(function () {
+    if (status === 2) {
+      var _midMeasureRef$curren;
+      var diff = walkingIndexes[1] - walkingIndexes[0];
+      var midHeight = ((_midMeasureRef$curren = midMeasureRef.current) === null || _midMeasureRef$curren === void 0 ? void 0 : _midMeasureRef$curren.offsetHeight) || 0;
+      if (diff > 1) {
+        if (midHeight > maxHeight) {
+          setWalkingIndexes([walkingIndexes[0], midIndex]);
+        } else {
+          setWalkingIndexes([midIndex, walkingIndexes[1]]);
+        }
+      } else {
+        if (midHeight > maxHeight) {
+          setWalkingIndexes([walkingIndexes[0], walkingIndexes[0]]);
+        } else {
+          setWalkingIndexes([walkingIndexes[1], walkingIndexes[1]]);
+        }
+        setStatus(99);
+      }
+    }
+  }, [status, walkingIndexes]);
+
+  // =========================== Render ===========================
+  /** Render by cut index */
+  var renderContent = function renderContent(index) {
+    var prefixContent = contentChars.slice(0, index);
+    var suffixContent = contentChars.slice(contentChars.length - index);
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [direction === 'start' && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [expandNode, ELLIPSIS_TEXT]
+      }), direction !== 'start' && prefixContent.join(''), direction === 'middle' && /*#__PURE__*/_jsx(_Fragment, {
+        children: expandNode ? /*#__PURE__*/_jsxs(_Fragment, {
+          children: [ELLIPSIS_TEXT, expandNode, ELLIPSIS_TEXT]
+        }) : ELLIPSIS_TEXT
+      }), direction !== 'end' && suffixContent.join(''), direction === 'end' && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [ELLIPSIS_TEXT, expandNode]
+      })]
+    });
+  };
+  var finalContent = React.useMemo(function () {
+    if (expanded || status === 100) {
+      return /*#__PURE__*/_jsxs(React.Fragment, {
+        children: [content, status === 99 && collapseNode]
+      }, "display");
+    }
+    if (status === 99) {
+      return renderContent(midIndex);
+    }
+    return null;
+  }, [expanded, status, content, collapseNode, midIndex]);
+  var allNodes = /*#__PURE__*/_jsxs(_Fragment, {
+    children: [status === 1 && /*#__PURE__*/_jsxs("div", {
+      "aria-hidden": true,
+      ref: fullMeasureRef,
+      style: measureStyle,
+      children: [content, expandNode]
+    }, "full"), status === 1 && /*#__PURE__*/_jsx("div", {
+      "aria-hidden": true,
+      ref: singleRowMeasureRef,
+      style: measureStyle,
+      children: "\xA0"
+    }, "stable"), status === 2 && /*#__PURE__*/_jsx("div", {
+      "aria-hidden": true,
+      ref: midMeasureRef,
+      style: measureStyle,
+      children: renderContent(midIndex)
+    }, "walking-mid"), finalContent]
+  });
+  return [allNodes, startMeasure];
+}

package/es/ellipsis/useResizeEffect.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useResizeEffect<T extends HTMLElement>(effect: (target: T) => void, targetRef: RefObject<T>): void;

package/es/ellipsis/useResizeEffect.js

@@ -0,0 +1,23 @@
+import { useIsomorphicLayoutEffect, useMemoizedFn } from 'ahooks';
+export function useResizeEffect(effect, targetRef) {
+  var fn = useMemoizedFn(effect);
+  useIsomorphicLayoutEffect(function () {
+    var target = targetRef.current;
+    if (!target) return;
+    if (window.ResizeObserver) {
+      var animationFrame;
+      var observer = new ResizeObserver(function () {
+        animationFrame = window.requestAnimationFrame(function () {
+          return fn(target);
+        });
+      });
+      observer.observe(target);
+      return function () {
+        window.cancelAnimationFrame(animationFrame);
+        observer.disconnect();
+      };
+    } else {
+      fn(target);
+    }
+  }, [targetRef]);
+}

package/es/ellipsis/withStopPropagation.d.ts

@@ -0,0 +1,4 @@
+import type { ReactElement } from 'react';
+import React from 'react';
+export type PropagationEvent = 'click' | 'touchstart';
+export declare function withStopPropagation(events: PropagationEvent[], element: ReactElement): ReactElement<any, string | React.JSXElementConstructor<any>>;

package/es/ellipsis/withStopPropagation.js

@@ -0,0 +1,38 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+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 ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+import React from 'react';
+var eventToPropRecord = {
+  click: 'onClick',
+  touchstart: 'onTouchStart'
+};
+export function withStopPropagation(events, element) {
+  var props = _objectSpread({}, element.props);
+  var _iterator = _createForOfIteratorHelper(events),
+    _step;
+  try {
+    var _loop = function _loop() {
+      var key = _step.value;
+      var prop = eventToPropRecord[key];
+      props[prop] = function (e) {
+        var _element$props$prop, _element$props;
+        e.stopPropagation();
+        (_element$props$prop = (_element$props = element.props)[prop]) === null || _element$props$prop === void 0 || _element$props$prop.call(_element$props, e);
+      };
+    };
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      _loop();
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return /*#__PURE__*/React.cloneElement(element, props);
+}

package/es/index.d.ts

@@ -7,7 +7,7 @@ export { default as CcsAppConfig } from './config';
 export { default as CcsDatePicker } from './date-picker';
 export { default as CcsDialog } from './dialog';
 export { default as CcsEditor } from './editor';
-export { default as CcsLinesEllipsis } from './ellipsis';
+export { default as CcsEllipsis } from './ellipsis';
 export { default as CcsFullScreenButton } from './full-screen';
 export { default as useAppConfig } from './hooks/use-app';
 export { default as useCcsOnceEvent } from './hooks/use-once-event';

package/es/index.js

@@ -7,7 +7,7 @@ export { default as CcsAppConfig } from "./config";
 export { default as CcsDatePicker } from "./date-picker";
 export { default as CcsDialog } from "./dialog";
 export { default as CcsEditor } from "./editor";
-export { default as CcsLinesEllipsis } from "./ellipsis";
+export { default as CcsEllipsis } from "./ellipsis";
 export { default as CcsFullScreenButton } from "./full-screen";
 export { default as useAppConfig } from "./hooks/use-app";
 export { default as useCcsOnceEvent } from "./hooks/use-once-event";

package/es/pro-table/table.d.ts

@@ -5,6 +5,7 @@ import React, { CSSProperties, ReactElement, ReactNode } from 'react';
 import CCS from '..';
 import { PropsWithCss, PropsWithNodeChildren, TableColumns } from '../ccs';
 import { CcsFieldNamesType } from '../context';
+import { EllipsisProps } from '../ellipsis';
 import './index.less';
 type ParamType = Record<string, any>;
 export type ShowDependType = {
@@ -19,7 +20,7 @@ export type TableColumn<RecordType = any> = (Omit<ColumnGroupType<RecordType>, '
     /** 隐藏列 */
     hidden?: boolean;
     /** 省略显示行数,最大支持10行 */
-    ellipsis?: boolean | number;
+    ellipsis?: Omit<EllipsisProps, 'content'> | boolean | number;
 };
 type TableTitleType<T> = {
     selectedRows: T[];

package/es/table/index.js

@@ -1,6 +1,6 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["onResize", "width"],
   _excluded2 = ["data", "style", "scroll", "rowKey", "columns", "tableRef", "pagination", "rowSelection", "className", "tableContentRef"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -9,10 +9,11 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import { useDebounceFn, useUpdate } from 'ahooks';
-import { Table, Tooltip, theme } from 'antd';
+import { Table, theme } from 'antd';
 import classNames from 'classnames';
 import { useEffect, useImperativeHandle } from 'react';
 import { Resizable } from 'react-resizable';
+import CcsEllipsis2 from "../ellipsis";
 import useTabs from "../hooks/use-tabs";
 import "./index.less";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -151,21 +152,25 @@ var CustomTable = function CustomTable(props) {
     });
     cls === null || cls === void 0 || cls.forEach(function (c) {
       if (c.ellipsis && !c.render) {
-        var isMultiRow = typeof c.ellipsis === 'number' && c.ellipsis > 1;
-        var ellipsis = c.ellipsis;
-        c.ellipsis = !isMultiRow;
+        var ellipsisProps = {};
+        if (typeof c.ellipsis === 'number') {
+          ellipsisProps = {
+            rows: c.ellipsis
+          };
+        }
+        if (typeof c.ellipsis === 'boolean') ellipsisProps = {
+          rows: 1
+        };
+        if (_typeof(c.ellipsis) === 'object') ellipsisProps = c.ellipsis;
+
+        // 禁用默认 ellipsis
+        c.ellipsis = false;
+        // 渲染内容
         c.render = function (e) {
-          return /*#__PURE__*/_jsx(Tooltip, {
-            zIndex: 9999,
-            title: e,
-            placement: "bottomLeft",
-            destroyTooltipOnHide: true,
-            className: classNames(_defineProperty({}, "ccs-table-cell-ellipsis-multi lineclamp".concat(ellipsis), isMultiRow)),
-            overlayInnerStyle: {
-              whiteSpace: 'normal'
-            },
-            children: e
-          });
+          return /*#__PURE__*/_jsx(CcsEllipsis2, _objectSpread({
+            content: e,
+            showTooltip: true
+          }, ellipsisProps));
         };
       }
       // 拖拽头部改变列宽响应

package/es/table/index.less

@@ -117,48 +117,6 @@
     }
   }
 
-  &-cell-ellipsis {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &-cell-ellipsis-multi {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    white-space: normal;
-  }
-
-  &-cell-ellipsis-multi.lineclamp2 {
-    -webkit-line-clamp: 2;
-  }
-  &-cell-ellipsis-multi.lineclamp3 {
-    -webkit-line-clamp: 3;
-  }
-  &-cell-ellipsis-multi.lineclamp4 {
-    -webkit-line-clamp: 4;
-  }
-  &-cell-ellipsis-multi.lineclamp5 {
-    -webkit-line-clamp: 5;
-  }
-  &-cell-ellipsis-multi.lineclamp6 {
-    -webkit-line-clamp: 6;
-  }
-  &-cell-ellipsis-multi.lineclamp7 {
-    -webkit-line-clamp: 7;
-  }
-  &-cell-ellipsis-multi.lineclamp8 {
-    -webkit-line-clamp: 8;
-  }
-  &-cell-ellipsis-multi.lineclamp9 {
-    -webkit-line-clamp: 9;
-  }
-  &-cell-ellipsis-multi.lineclamp10 {
-    -webkit-line-clamp: 10;
-  }
-
   &-nodata {
     color: red;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ccs-ui/rc-pro",
-  "version": "2.3.6-beta-5",
+  "version": "2.3.6-beta-7",
   "description": "",
   "license": "MIT",
   "author": {
@@ -70,8 +70,8 @@
     "react-custom-scrollbars": "^4.2.1",
     "react-draggable": "^4.4.5",
     "react-error-overlay": "^6.0.11",
-    "react-lines-ellipsis": "^0.15.4",
-    "react-resizable": "^3.0.5"
+    "react-resizable": "^3.0.5",
+    "runes2": "^1.1.4"
   },
   "devDependencies": {
     "@ant-design/compatible": "^5.1.2",