@arco-design/mobile-react 2.19.0

package/cjs/ellipsis/components/js-ellipsis.js

@@ -0,0 +1,230 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
+
+var _dom = require("../utils/dom");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var JsEllipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var prefixCls = props.prefixCls,
+      text = props.text,
+      ellipsis = props.ellipsis,
+      dangerouslyUseInnerHTML = props.dangerouslyUseInnerHTML,
+      _props$maxLine = props.maxLine,
+      maxLine = _props$maxLine === void 0 ? 1 : _props$maxLine,
+      maxHeight = props.maxHeight,
+      ellipsisNode = props.ellipsisNode,
+      collapseNode = props.collapseNode,
+      _props$endExcludes = props.endExcludes,
+      endExcludes = _props$endExcludes === void 0 ? [] : _props$endExcludes,
+      reflowOnResize = props.reflowOnResize,
+      onReflow = props.onReflow,
+      onEllipsisNodeClick = props.onEllipsisNodeClick,
+      onCollapseNodeClick = props.onCollapseNodeClick;
+  var truncating = (0, _react.useRef)(false);
+  var domRef = (0, _react.useRef)(null);
+  var textRef = (0, _react.useRef)(null);
+  var ellipsisRef = (0, _react.useRef)(null);
+  var lineHeightRef = (0, _react.useRef)(0);
+  var setCurLineHeight = (0, _react.useCallback)(function () {
+    if (domRef.current) {
+      lineHeightRef.current = (0, _dom.getLineHeight)(domRef.current);
+    }
+  }, []);
+  (0, _react.useEffect)(function () {
+    setCurLineHeight();
+  }, []);
+
+  function handleOnReflow(isEllipsis, result) {
+    if (onReflow && typeof onReflow === 'function') {
+      onReflow(isEllipsis, result);
+    }
+  }
+
+  function truncateText(container, textContainer, max) {
+    var content = textContainer.textContent || '';
+    var currentText = '';
+    var l = 0;
+    var r = content.length - 1; // Binary truncate text until get the max limit fragment of text.
+
+    while (l < r) {
+      var m = Math.floor((l + r) / 2);
+
+      if (l === m) {
+        break;
+      }
+
+      var temp = content.slice(l, m);
+      textContainer.innerText = currentText + temp;
+
+      var _container$getBoundin = container.getBoundingClientRect(),
+          height = _container$getBoundin.height;
+
+      if (height > max) {
+        r = m;
+      } else {
+        currentText += temp;
+        l = m;
+      }
+    } // Remove the exclude char at the end of the content.
+
+
+    while (endExcludes.includes(currentText[currentText.length - 1])) {
+      currentText = currentText.slice(0, -1);
+    } // Callback after reflow.
+
+
+    handleOnReflow(true, currentText);
+    textContainer.innerText = currentText;
+  }
+
+  function truncateHTML(container, textContainer, max) {
+    // only enter this function when container overflow.
+    var children = textContainer.childNodes;
+
+    if (children.length === 1) {
+      var node = children[0];
+
+      if (node.nodeType === Node.TEXT_NODE) {
+        truncateText(container, textContainer, max);
+      } else {
+        var html = node.innerHTML; // clear content to determine whether the empty node can be placed.
+
+        node.innerHTML = '';
+
+        var _container$getBoundin2 = container.getBoundingClientRect(),
+            height = _container$getBoundin2.height;
+
+        if (height > max) {
+          // return after remove the node, if overflow with empty node.
+          textContainer.removeChild(node);
+          handleOnReflow(true, textContainer.innerHTML);
+          return;
+        }
+
+        node.innerHTML = html; // recursive truncate node
+
+        truncateHTML(container, node, max);
+      }
+    } else {
+      var nodes = [].slice.call(children);
+      textContainer.innerHTML = '';
+      var i = 0; // find the critical node
+
+      while (i < nodes.length) {
+        textContainer.appendChild(nodes[i]);
+
+        var _container$getBoundin3 = container.getBoundingClientRect(),
+            _height = _container$getBoundin3.height;
+
+        if (_height > max) {
+          break;
+        }
+
+        i++;
+      }
+
+      if (textContainer.childNodes[i]) {
+        // truncate the critical node
+        truncateHTML(container, textContainer.childNodes[i], max);
+      }
+    }
+  } // reflow when the main props change.
+
+
+  var reflow = (0, _react.useCallback)(function () {
+    if (!domRef.current || !textRef.current || !ellipsisRef.current || truncating.current) {
+      return;
+    }
+
+    ellipsisRef.current.style.display = 'none';
+
+    if (dangerouslyUseInnerHTML) {
+      textRef.current.innerHTML = text;
+    } else {
+      textRef.current.innerText = text;
+    }
+
+    if (!ellipsis) {
+      return;
+    }
+
+    var _domRef$current$getBo = domRef.current.getBoundingClientRect(),
+        height = _domRef$current$getBo.height;
+
+    var max = isNaN(Number(maxHeight)) ? lineHeightRef.current * maxLine : Number(maxHeight);
+
+    if (height <= max) {
+      handleOnReflow(false, text);
+      return;
+    }
+
+    truncating.current = true;
+    ellipsisRef.current.style.display = 'inline';
+
+    if (dangerouslyUseInnerHTML) {
+      // wrap the text children node with span element.
+      (0, _dom.wrapTextChildNodesWithSpan)(textRef.current, prefixCls + "-js-content-text");
+      truncateHTML(domRef.current, textRef.current, max);
+    } else {
+      truncateText(domRef.current, textRef.current, max);
+    }
+
+    truncating.current = false;
+  }, [text, ellipsis, dangerouslyUseInnerHTML, maxLine, maxHeight, ellipsisNode, endExcludes]);
+  (0, _react.useEffect)(function () {
+    reflow();
+  }, [reflow]);
+  var observerRef = (0, _react.useRef)(null); // Observe resize event of container if reflowOnResize is true.
+
+  (0, _react.useEffect)(function () {
+    if (domRef.current && reflowOnResize) {
+      if (!observerRef.current && ellipsis) {
+        observerRef.current = new _resizeObserverPolyfill.default(reflow);
+        observerRef.current.observe(domRef.current);
+      }
+    }
+
+    return function () {
+      // Remove observer when component unmounted.
+      if (observerRef.current && domRef.current) {
+        observerRef.current.unobserve(domRef.current);
+        observerRef.current = null;
+      }
+    };
+  }, [ellipsis]);
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      dom: domRef.current,
+      reflow: reflow
+    };
+  }, [reflow]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: domRef,
+    className: prefixCls + "-js"
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    ref: textRef,
+    className: prefixCls + "-js-content"
+  }), /*#__PURE__*/_react.default.createElement("span", {
+    ref: ellipsisRef,
+    className: prefixCls + "-js-content-ellipsis",
+    onClick: onEllipsisNodeClick
+  }, ellipsisNode), !ellipsis && collapseNode && /*#__PURE__*/_react.default.createElement("span", {
+    className: prefixCls + "-js-content-collapse",
+    onClick: onCollapseNodeClick
+  }, collapseNode));
+});
+
+var _default = /*#__PURE__*/_react.default.memo(JsEllipsis);
+
+exports.default = _default;

package/cjs/ellipsis/components/native-ellipsis.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { NativeEllipsisProps } from '../type';
+declare function NativeEllipsis({ prefixCls, ellipsis, dangerouslyUseInnerHTML, text, maxLine, collapseNode, onCollapseNodeClick, }: NativeEllipsisProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof NativeEllipsis>;
+export default _default;

package/cjs/ellipsis/components/native-ellipsis.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _mobileUtils = require("@arco-design/mobile-utils");
+
+function NativeEllipsis(_ref) {
+  var prefixCls = _ref.prefixCls,
+      ellipsis = _ref.ellipsis,
+      dangerouslyUseInnerHTML = _ref.dangerouslyUseInnerHTML,
+      text = _ref.text,
+      maxLine = _ref.maxLine,
+      _ref$collapseNode = _ref.collapseNode,
+      collapseNode = _ref$collapseNode === void 0 ? '' : _ref$collapseNode,
+      onCollapseNodeClick = _ref.onCollapseNodeClick;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _mobileUtils.cls)(prefixCls + "-native", {
+      ellipsis: ellipsis
+    }),
+    style: {
+      WebkitLineClamp: maxLine
+    }
+  }, dangerouslyUseInnerHTML ?
+  /*#__PURE__*/
+  // eslint-disable-next-line react/no-danger,@typescript-eslint/naming-convention
+  _react.default.createElement("span", {
+    dangerouslySetInnerHTML: {
+      __html: text
+    }
+  }) : /*#__PURE__*/_react.default.createElement("span", null, text), !ellipsis && collapseNode && /*#__PURE__*/_react.default.createElement("span", {
+    onClick: onCollapseNodeClick,
+    className: (0, _mobileUtils.cls)(prefixCls + "-native-collapse")
+  }, collapseNode));
+}
+
+var _default = /*#__PURE__*/_react.default.memo(NativeEllipsis);
+
+exports.default = _default;

package/cjs/ellipsis/demo/style/css/mobile.css

@@ -0,0 +1,10 @@
+#demo-ellipsis {
+  line-height: 26px;
+}
+#demo-ellipsis .demo-link,
+#demo-ellipsis .demo-link-line {
+  color:  #165dff ;
+}
+#demo-ellipsis .demo-link-line {
+  text-decoration: underline;
+}

package/cjs/ellipsis/demo/style/mobile.less

@@ -0,0 +1,12 @@
+@import '../../../../style/mixin.less';
+
+#demo-ellipsis {
+    line-height: 26px;
+    .demo-link,
+    .demo-link-line {
+        .use-var(color, primary-color);
+    }
+    .demo-link-line {
+        text-decoration: underline;
+    }
+}

package/cjs/ellipsis/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { EllipsisProps, EllipsisRef } from './type';
+export * from './type';
+/**
+ * 文本缩略组件，支持多行缩略、富文本、自定义缩略符、尾字符过滤等。
+ * @en Text ellipsis component supports multi-line abbreviations, rich text, custom abbreviations, tail character filtering, etc.
+ * @type 数据展示
+ * @type_en Data Display
+ * @name 文本缩略
+ * @name_en Ellipsis
+ */
+declare const Ellipsis: React.ForwardRefExoticComponent<EllipsisProps & React.RefAttributes<EllipsisRef>>;
+export default Ellipsis;

package/cjs/ellipsis/index.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+var _exportNames = {};
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _mobileUtils = require("@arco-design/mobile-utils");
+
+var _contextProvider = require("../context-provider");
+
+var _is = require("./utils/is");
+
+var _jsEllipsis = _interopRequireDefault(require("./components/js-ellipsis"));
+
+var _nativeEllipsis = _interopRequireDefault(require("./components/native-ellipsis"));
+
+var _type = require("./type");
+
+Object.keys(_type).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _type[key]) return;
+  exports[key] = _type[key];
+});
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * 文本缩略组件，支持多行缩略、富文本、自定义缩略符、尾字符过滤等。
+ * @en Text ellipsis component supports multi-line abbreviations, rich text, custom abbreviations, tail character filtering, etc.
+ * @type 数据展示
+ * @type_en Data Display
+ * @name 文本缩略
+ * @name_en Ellipsis
+ */
+var Ellipsis = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var className = props.className,
+      text = props.text,
+      dangerouslyUseInnerHTML = props.dangerouslyUseInnerHTML,
+      _props$maxLine = props.maxLine,
+      maxLine = _props$maxLine === void 0 ? 1 : _props$maxLine,
+      maxHeight = props.maxHeight,
+      _props$ellipsis = props.ellipsis,
+      ellipsis = _props$ellipsis === void 0 ? true : _props$ellipsis,
+      _props$ellipsisNode = props.ellipsisNode,
+      ellipsisNode = _props$ellipsisNode === void 0 ? '...' : _props$ellipsisNode,
+      _props$collapseNode = props.collapseNode,
+      collapseNode = _props$collapseNode === void 0 ? '' : _props$collapseNode,
+      onCollapseNodeClick = props.onCollapseNodeClick,
+      _props$endExcludes = props.endExcludes,
+      endExcludes = _props$endExcludes === void 0 ? [] : _props$endExcludes,
+      _props$reflowOnResize = props.reflowOnResize,
+      reflowOnResize = _props$reflowOnResize === void 0 ? false : _props$reflowOnResize,
+      onReflow = props.onReflow,
+      onEllipsisNodeClick = props.onEllipsisNodeClick;
+  var domRef = (0, _react.useRef)(null);
+  var jsEllipsisRef = (0, _react.useRef)(null);
+  var useNativeEllipsis = (0, _is.isSupportWebkitLineClamp)() && maxHeight === void 0 && ellipsisNode === '...' && endExcludes.length === 0 && !onReflow && !onEllipsisNodeClick;
+  (0, _react.useImperativeHandle)(ref, function () {
+    var _jsEllipsisRef$curren;
+
+    return {
+      dom: domRef.current,
+      reflow: jsEllipsisRef == null ? void 0 : (_jsEllipsisRef$curren = jsEllipsisRef.current) == null ? void 0 : _jsEllipsisRef$curren.reflow
+    };
+  });
+  return /*#__PURE__*/_react.default.createElement(_contextProvider.ContextLayout, null, function (_ref) {
+    var prefixCls = _ref.prefixCls;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: (0, _mobileUtils.cls)(prefixCls + "-ellipsis", className),
+      ref: domRef
+    }, useNativeEllipsis ? /*#__PURE__*/_react.default.createElement(_nativeEllipsis.default, {
+      prefixCls: prefixCls + "-ellipsis",
+      ellipsis: ellipsis,
+      dangerouslyUseInnerHTML: dangerouslyUseInnerHTML,
+      text: text,
+      maxLine: maxLine,
+      collapseNode: collapseNode,
+      onCollapseNodeClick: onCollapseNodeClick
+    }) : /*#__PURE__*/_react.default.createElement(_jsEllipsis.default, {
+      ref: jsEllipsisRef,
+      prefixCls: prefixCls + "-ellipsis",
+      text: text,
+      ellipsis: ellipsis,
+      dangerouslyUseInnerHTML: dangerouslyUseInnerHTML,
+      maxLine: maxLine,
+      maxHeight: maxHeight,
+      ellipsisNode: ellipsisNode,
+      collapseNode: collapseNode,
+      endExcludes: endExcludes,
+      reflowOnResize: reflowOnResize,
+      onReflow: onReflow,
+      onEllipsisNodeClick: onEllipsisNodeClick,
+      onCollapseNodeClick: onCollapseNodeClick
+    }));
+  });
+});
+var _default = Ellipsis;
+exports.default = _default;

package/cjs/ellipsis/style/css/index.css

@@ -0,0 +1,10 @@
+.arco-ellipsis {
+  font-size:  0.32rem ;
+}
+.arco-ellipsis-native.ellipsis {
+  display: -webkit-box;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-word;
+  -webkit-box-orient: vertical;
+}

package/cjs/ellipsis/style/css/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../../style/css/public.css';
+import './index.css';

package/cjs/ellipsis/style/css/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../../../style/css/public.css");
+
+require("./index.css");

package/cjs/ellipsis/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../../style/public.less';
+import './index.less';

package/cjs/ellipsis/style/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("../../../style/public.less");
+
+require("./index.less");

package/cjs/ellipsis/style/index.less

@@ -0,0 +1,13 @@
+@import '../../../style/mixin.less';
+
+.@{prefix}-ellipsis {
+    .use-var(font-size, ellipsis-default-text-size);
+
+    &-native.ellipsis {
+        display: -webkit-box;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        word-break: break-word;
+        -webkit-box-orient: vertical;
+    }
+}

package/cjs/ellipsis/type.d.ts

@@ -0,0 +1,161 @@
+import { ReactNode, Ref } from 'react';
+interface BaseProps {
+    /**
+     * 需要缩略的文本内容
+     * @en Text content to be omitted
+     */
+    text: string;
+    /**
+     * 是否开启缩略
+     * @en Whether to enable ellipsis
+     * @default true
+     */
+    ellipsis?: boolean;
+    /**
+     * 最大显示行数
+     * @en Maximum number of displayed lines
+     * @default 1
+     */
+    maxLine?: number;
+    /**
+     * 是否使用 innerHTML 插入文本（警告：务必确保 text 安全可靠，否则易导致 XSS 漏洞）
+     * @en Whether to use innerHTML to insert text (warning: make sure the text is safe and reliable, otherwise it will easily lead to XSS vulnerabilities)
+     * @default false
+     */
+    dangerouslyUseInnerHTML?: boolean;
+}
+export interface NativeEllipsisProps extends BaseProps {
+    /**
+     * className 前缀
+     * @en Prefix classname
+     */
+    prefixCls: string;
+    /**
+     * 自定义收起节点，不为空时文本展开插入文本尾部
+     * @en Customize the collapsed node, when the text is not empty, the text expand Text expand content inserts the end of the text
+     */
+    collapseNode?: ReactNode;
+    /**
+     * 收起节点点击事件
+     * @en Collapse node click event
+     */
+    onCollapseNodeClick?: () => void;
+}
+export interface JsEllipsisRef {
+    dom: HTMLDivElement | null;
+    reflow: () => void;
+}
+export interface JsEllipsisProps extends BaseProps {
+    ref: Ref<HTMLDivElement | null>;
+    /**
+     * className 前缀
+     * @en Prefix classname
+     */
+    prefixCls: string;
+    /**
+     * 最大显示高度，单位 px，优先级高于 maxLine
+     * @en Maximum display height, unit px, priority higher than maxLine
+     */
+    maxHeight?: number;
+    /**
+     * 自定义缩略符节点，文本缩略时插入文本尾部
+     * @en Customize the ellipsis node, insert the end of the text when the text is omitted
+     * @default "..."
+     */
+    ellipsisNode?: ReactNode;
+    /**
+     * 自定义收起符节点，不为空且文本展开时插入文本尾部
+     * @en Customize the collapse node, if the value is not empty, it will be inserted in the end of the text when the text is expanded
+     */
+    collapseNode?: ReactNode;
+    /**
+     * 文本结尾处（缩略符之前）需要过滤掉的字符
+     * @en Characters that need to be filtered out at the end of the text (before abbreviations)
+     * @default []
+     */
+    endExcludes?: string[];
+    /**
+     * 容器大小变化时是否自适应，使用原生缩略时默认为 true
+     * @en Whether to adapt when the container size changes, the default is true when using native ellipsis
+     * @default false
+     */
+    reflowOnResize?: boolean;
+    /**
+     * 文本缩略处理的完成回调
+     * @en Callback when text omission processing is complete
+     */
+    onReflow?: (ellipsis: boolean, text: string) => void;
+    /**
+     * 缩略节点点击事件
+     * @en Ellipsis node click event
+     */
+    onEllipsisNodeClick?: () => void;
+    /**
+     * 收起节点点击事件
+     * @en Collapse node click event
+     */
+    onCollapseNodeClick?: () => void;
+}
+export interface EllipsisRef {
+    /**
+     * 最外层元素 DOM
+     * @en The outermost element DOM
+     */
+    dom: HTMLDivElement | null;
+    /**
+     * 控制容器重新编排
+     * @en Control container to reflow
+     */
+    reflow: (() => void) | undefined;
+}
+export interface EllipsisProps extends BaseProps {
+    /**
+     * 自定义类名
+     * @en Custom classname
+     */
+    className?: string;
+    /**
+     * 最大显示高度，单位 px，优先级高于 maxLine
+     * @en Maximum display height(unit: px), priority higher than maxLine
+     */
+    maxHeight?: number;
+    /**
+     * 自定义缩略符节点，文本缩略时插入文本尾部
+     * @en Customize the ellipsis node, insert at the end of the text when the text is omitted
+     * @default "..."
+     */
+    ellipsisNode?: ReactNode;
+    /**
+     * 自定义收起符节点，不为空且文本展开时插入文本尾部
+     * @en Customize the collapse node, when the value is not empty and the text is expanded, the node is  inserted at the end of the text
+     */
+    collapseNode?: ReactNode;
+    /**
+     * 文本结尾处（缩略符之前）需要过滤掉的字符
+     * @en Characters to filter out at the end of the text (before the ellipsis)
+     * @default []
+     */
+    endExcludes?: string[];
+    /**
+     * 容器大小变化时是否自适应，使用原生缩略时默认为 true
+     * @en  Whether to adapt when the container size changes, the default is true when using native ellipsis
+     * @default false
+     */
+    reflowOnResize?: boolean;
+    /**
+     * 文本缩略处理的完成回调
+     * @en Callback when text omission processing is complete
+     */
+    onReflow?: (ellipsis: boolean, text: string) => void;
+    /**
+     * 缩略节点点击事件
+     * @en Ellipsis node click event
+     */
+    onEllipsisNodeClick?: () => void;
+    /**
+     * 收起节点点击事件
+     * @en Collapse node click event
+     */
+    onCollapseNodeClick?: () => void;
+}
+export {};

package/cjs/ellipsis/type.js

@@ -0,0 +1,3 @@
+"use strict";
+
+exports.__esModule = true;

package/cjs/ellipsis/utils/dom.d.ts

@@ -0,0 +1,2 @@
+export declare function getLineHeight(element: HTMLElement): number;
+export declare function wrapTextChildNodesWithSpan(node: Node, className?: string): void;