@autobest-ui/components 2.13.11 → 2.14.0

package/esm/loading-icon/index.js

@@ -1,24 +1,10 @@
-var __assign = this && this.__assign || function () {
-  __assign = Object.assign || function (t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p in s) {
-        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-      }
-    }
-    return t;
-  };
-  return __assign.apply(this, arguments);
-};
 import React from 'react';
 import classNames from 'classnames';
 var cls = 'ab-svg-loading';
 var LoadingIcon = function LoadingIcon(props) {
-  var className = props.className,
-    upperRef = props.upperRef;
+  var className = props.className;
   return /*#__PURE__*/React.createElement("span", {
-    className: classNames(className, cls),
-    ref: upperRef
+    className: classNames(className, cls)
   }, /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",
@@ -67,8 +53,4 @@ var LoadingIcon = function LoadingIcon(props) {
     fill: "#fff"
   })));
 };
-export default /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(LoadingIcon, __assign({}, props, {
-    upperRef: ref
-  }));
-}));
+export default /*#__PURE__*/React.memo(LoadingIcon);

package/esm/move/index.d.ts

@@ -36,6 +36,14 @@ export interface MoveProps {
      * 点击的回调函数， 如果移动，则不是click
      */
     onClick?: (event: any) => void;
+    /**
+     * 禁止水平方向的移动
+     */
+    horizontalMoveDisabled?: boolean;
+    /**
+     * 禁止垂直方向的移动
+     */
+    verticalMoveDisabled?: boolean;
 }
 declare class Move extends React.Component<MoveProps> {
     readonly prefixCls = "ab-move";
@@ -46,6 +54,8 @@ declare class Move extends React.Component<MoveProps> {
         maxScalable: number;
         horizontalPlacement: string;
         verticalPlacement: string;
+        horizontalMoveDisabled: boolean;
+        verticalMoveDisabled: boolean;
     };
     prevElementSize: {
         width: number;

package/esm/move/index.js

@@ -205,13 +205,16 @@ var Move = /** @class */function (_super) {
       if (_this.isTouchScale && event.touches.length <= 1) {
         return;
       }
+      var _a = _this.props,
+        horizontalMoveDisabled = _a.horizontalMoveDisabled,
+        verticalMoveDisabled = _a.verticalMoveDisabled;
       _this.moveObj = {
         left: event.touches ? event.touches[0].pageX : event.clientX,
         top: event.touches ? event.touches[0].pageY : event.clientY
       };
       _this.currentObj = {
-        left: _this.prevObj.left + _this.moveObj.left - _this.startObj.left,
-        top: _this.prevObj.top + _this.moveObj.top - _this.startObj.top
+        left: horizontalMoveDisabled ? _this.prevObj.left : _this.prevObj.left + _this.moveObj.left - _this.startObj.left,
+        top: verticalMoveDisabled ? _this.prevObj.top : _this.prevObj.top + _this.moveObj.top - _this.startObj.top
       };
       _this.setElementInfo(element);
     };
@@ -223,6 +226,10 @@ var Move = /** @class */function (_super) {
       if (event.stopPropagation) {
         event.stopPropagation();
       }
+      var onClick = _this.props.onClick;
+      if (onClick && _this.currentObj.left === _this.prevObj.left && _this.currentObj.top === _this.prevObj.top && _this.prevScaleSize === _this.currentScaleSize) {
+        onClick(event);
+      }
       var _a = _this.checkRange(),
         nextX = _a.nextX,
         nextY = _a.nextY,
@@ -237,10 +244,6 @@ var Move = /** @class */function (_super) {
         _this.currentScaleSize = nextScaleSize;
         _this.setElementInfo(element);
       }
-      var onClick = _this.props.onClick;
-      if (onClick && _this.currentObj.left === _this.prevObj.left && _this.currentObj.top === _this.prevObj.top && _this.prevScaleSize === _this.currentScaleSize) {
-        onClick(event);
-      }
     };
     _this.onTransitionEnd = function () {
       var element = _this.getDomNode();
@@ -375,7 +378,9 @@ var Move = /** @class */function (_super) {
     minScalable: 1,
     maxScalable: 1,
     horizontalPlacement: 'left',
-    verticalPlacement: 'top'
+    verticalPlacement: 'top',
+    horizontalMoveDisabled: false,
+    verticalMoveDisabled: false
   };
   return Move;
 }(React.Component);

package/esm/radio/Radio.js

@@ -50,13 +50,14 @@ var Radio = function Radio(props) {
     if (mergedProps.disabled) {
       return;
     }
+    var checkedValue = ev.target.value;
     if (onChange) {
-      onChange(value, mergedProps.name, ev.target.checked);
+      onChange(checkedValue, mergedProps.name, ev.target.checked);
       return;
     }
     // radioGroup
     if (groupContext.onChange) {
-      groupContext.onChange(value, mergedProps.name);
+      groupContext.onChange(checkedValue, mergedProps.name);
       return;
     }
     setChecked(!checked);
@@ -74,6 +75,7 @@ var Radio = function Radio(props) {
     },
     type: "radio",
     checked: checked,
+    value: value,
     onChange: onRadioChange
   }, mergedProps)), /*#__PURE__*/React.createElement("span", {
     className: "".concat(cls, "-control"),
@@ -86,20 +88,21 @@ var Radio = function Radio(props) {
     className: "".concat(cls, "-outer"),
     focusable: "false",
     "aria-hidden": "true",
-    viewBox: "0 0 20 20"
+    viewBox: "0 0 512 512"
   }, /*#__PURE__*/React.createElement("path", {
-    stroke: "none",
-    d: "M10 0C4.48 0 0 4.48 0 10s4.48 10 10 10 10-4.48 10-10S15.52 0 10 0zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
+    d: "M448,256c0-106-86-192-192-192S64,150,64,256s86,192,192,192S448,362,448,256Z",
+    strokeWidth: "1.5em",
+    fill: "#fff"
   })), /*#__PURE__*/React.createElement("svg", {
     className: "".concat(cls, "-dot"),
     focusable: "false",
     "aria-hidden": "true",
     viewBox: "0 0 24 24"
   }, /*#__PURE__*/React.createElement("path", {
-    d: "M12 6a6 6 0 100 12 6 6 0 000-12Z"
+    d: "M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
   }))), children);
 };
 Radio.defaultProps = {
-  size: 13
+  size: 16
 };
 export default Radio;

package/esm/radio/RadioGroup.js

@@ -21,7 +21,6 @@ var __extends = this && this.__extends || function () {
   };
 }();
 import React, { Component, Fragment } from 'react';
-import classNames from 'classnames';
 import { isEmptyArray, isUndef } from '@autobest-ui/utils';
 import { RadioGroupContextProvider } from './context';
 import Radio from './Radio';
@@ -96,12 +95,10 @@ var RadioGroup = /** @class */function (_super) {
     return null;
   };
   RadioGroup.prototype.render = function () {
-    var _a = this.props,
-      _b = _a.direction,
-      direction = _b === void 0 ? 'horizontal' : _b,
-      className = _a.className;
+    var _a = this.props.direction,
+      direction = _a === void 0 ? 'horizontal' : _a;
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(className, "".concat(cls, "-group-").concat(direction))
+      className: "".concat(cls, "-group-").concat(direction)
     }, 'options' in this.props ? this.renderRadioList() : this.renderRadioGroup());
   };
   return RadioGroup;

package/esm/radio/style/index.css

@@ -1 +1 @@
-.ab-radio{position:relative;display:inline-flex;align-items:center;cursor:pointer}.ab-radio:hover .ab-radio-control{color:#4f4f4f}.ab-radio input{cursor:inherit;position:absolute;margin:0;padding:0;opacity:0;top:50%;left:0;transform:translateY(-50%);z-index:1}.ab-radio-checked:hover .ab-radio-control{color:#005cc8}.ab-radio-checked .ab-radio-control{color:#0075ff}.ab-radio-checked .ab-radio-control svg{display:inline-block}.ab-radio-disabled{cursor:not-allowed}.ab-radio-disabled .ab-radio-control,.ab-radio-disabled:hover .ab-radio-control{color:#d1d1d1}.ab-radio-control{margin-right:.06rem;position:relative;color:#767676;flex-shrink:0}.ab-radio-control svg{width:1em;height:1em;user-select:none;flex-shrink:0;fill:currentcolor;stroke:currentcolor;overflow:visible}.ab-radio-dot,.ab-radio-outer{position:absolute;left:0;top:0}.ab-radio-dot{display:none}.ab-radio-group-horizontal{display:flex}.ab-radio-group-horizontal .ab-radio-item{margin-right:.2rem}.ab-radio-group-horizontal .ab-radio-item:last-child{margin-right:0}.ab-radio-group-vertical{display:flex;flex-direction:column;align-items:flex-start}.ab-radio-group-vertical .ab-radio-item{margin-bottom:.15rem}.ab-radio-group-vertical .ab-radio-item:last-child{margin-bottom:0}
+.ab-radio{position:relative;overflow:hidden;display:inline-flex;align-items:center;cursor:pointer;font-size:.14rem}.ab-radio:hover .ab-radio-control{color:#4f4f4f}.ab-radio input{cursor:inherit;position:absolute;margin:0;padding:0;opacity:0;top:0;left:0;z-index:1}.ab-radio-checked:hover .ab-radio-control{color:#005cc8}.ab-radio-checked .ab-radio-control{color:#0075ff}.ab-radio-checked .ab-radio-control svg{display:inline-block}.ab-radio-disabled{cursor:not-allowed}.ab-radio-disabled .ab-radio-control,.ab-radio-disabled:hover .ab-radio-control{color:#d1d1d1}.ab-radio-control{margin-right:.06rem;position:relative;color:#767676}.ab-radio-control svg{width:1em;height:1em;user-select:none;flex-shrink:0;fill:currentcolor;stroke:currentcolor}.ab-radio-dot,.ab-radio-outer{position:absolute;left:0;top:0}.ab-radio-dot{display:none}.ab-radio-group-horizontal{display:flex}.ab-radio-group-horizontal .ab-radio-item{margin-right:.2rem}.ab-radio-group-horizontal .ab-radio-item:last-child{margin-right:0}.ab-radio-group-vertical{display:flex;flex-direction:column}.ab-radio-group-vertical .ab-radio-item{margin-bottom:.15rem}.ab-radio-group-vertical .ab-radio-item:last-child{margin-bottom:0}

package/esm/radio/type.d.ts

@@ -1,4 +1,3 @@
-import { ReactChild } from 'react';
 export declare type RadioValue = string | number;
 export interface RadioProps {
     name?: string;
@@ -9,7 +8,6 @@ export interface RadioProps {
     size?: number;
     onChange?: (value: RadioValue, name?: string, checked?: boolean) => void;
     className?: string;
-    children?: ReactChild | ReactChild[];
 }
 export declare type RadioOptionItem = Pick<RadioProps, 'disabled' | 'name' | 'value'>;
 export interface RadioGroupProps extends Pick<RadioProps, 'value' | 'name' | 'disabled' | 'className' | 'size'> {

package/esm/read-more/index.d.ts

@@ -0,0 +1,92 @@
+import React, { Component } from 'react';
+export interface ReadMoreProps {
+    /**
+     * 需要显示的内容
+     */
+    children: React.ReactChild[] | React.ReactChild;
+    /**
+     * 整体样式
+     */
+    className?: string;
+    /**
+     * 需要忽略的类名数组，例如 ['mc_title']
+     */
+    ignoreClassList?: string[];
+    /**
+     * 展开文本
+     */
+    expandText?: string;
+    /**
+     * 折叠文本, 展开后点击收起的文字
+     */
+    collapseText?: string;
+    /**
+     * 初始时，显示的行数
+     */
+    lines?: number;
+    /**
+     * 是否执行resizeObserver监听宽度变化
+     */
+    isResizeObserver?: boolean;
+    /**
+     * 垂直方向触发换行的判定阈值 (默认 1px), 当一行中有字体，大小不同时，需要根据情况动态触发换行
+     */
+    lineThreshold?: number;
+    /**
+     * [不推荐]设置Wrap最大高度, 用于解决初始化时页面抖动问题，建议通过屏幕大小动态设置className
+     */
+    defaultWrapMaxHeight?: number;
+    /**
+     * 右下角按钮宽度
+     */
+    buttonWidth?: number;
+    /**
+     * 默认是否折叠
+     */
+    defaultCollapsed?: boolean;
+    /**
+     * 点击展开/收起前的回调函数，返回false时阻止change
+     */
+    onBeforeChange?: (isCollapsed: boolean) => Promise<boolean>;
+    /**
+     * 点击展开/收起后的回调函数
+     */
+    onAfterChange?: (isCollapsed: boolean) => void;
+}
+interface ReadMoreState {
+    wrapStyle: React.CSSProperties;
+}
+declare class ReadMore extends Component<ReadMoreProps, ReadMoreState> {
+    static defaultProps: {
+        onAfterChange: () => void;
+        isResizeObserver: boolean;
+        defaultCollapsed: boolean;
+        expandText: string;
+        buttonWidth: number;
+        collapseText: string;
+        lineThreshold: number;
+        lines: number;
+    };
+    cacheWrapWidth: number;
+    isCollapsed: boolean;
+    resizeObserver: ResizeObserver;
+    originalContent: string;
+    wrapRef: React.RefObject<HTMLDivElement>;
+    prefixCls: string;
+    constructor(props: ReadMoreProps);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ReadMoreProps): void;
+    componentWillUnmount(): void;
+    /**
+     * 计算高度并设置样式
+     */
+    delayCalculate(): void;
+    /**
+     * 创建Show More/Show Less 按钮
+     */
+    getButtonElement: (wrapElement: HTMLDivElement, isCollapsed: boolean) => HTMLSpanElement;
+    applyToggle: (wrapElement: HTMLDivElement, node: any, index: number) => void;
+    onResizeObserver: () => void;
+    render(): JSX.Element;
+}
+export default ReadMore;

package/esm/read-more/index.js

@@ -0,0 +1,377 @@
+var __extends = this && this.__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+      }
+    };
+    return _extendStatics(d, b);
+  };
+  return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+    _extendStatics(d, b);
+    function __() {
+      this.constructor = d;
+    }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+var __awaiter = this && this.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+var __generator = this && this.__generator || function (thisArg, body) {
+  var _ = {
+      label: 0,
+      sent: function sent() {
+        if (t[0] & 1) throw t[1];
+        return t[1];
+      },
+      trys: [],
+      ops: []
+    },
+    f,
+    y,
+    t,
+    g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+          case 7:
+            op = _.ops.pop();
+            _.trys.pop();
+            continue;
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+              _.ops.push(op);
+              break;
+            }
+            if (t[2]) _.ops.pop();
+            _.trys.pop();
+            continue;
+        }
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+import React, { Component } from 'react';
+import classNames from 'classnames';
+import { debounce } from '@autobest-ui/utils';
+var ReadMore = /** @class */function (_super) {
+  __extends(ReadMore, _super);
+  function ReadMore(props) {
+    var _this = _super.call(this, props) || this;
+    _this.wrapRef = /*#__PURE__*/React.createRef();
+    _this.prefixCls = 'ab-read-more';
+    /**
+     * 创建Show More/Show Less 按钮
+     */
+    _this.getButtonElement = function (wrapElement, isCollapsed) {
+      var cls = _this.prefixCls;
+      var _a = _this.props,
+        collapseText = _a.collapseText,
+        expandText = _a.expandText;
+      var btn = document.createElement('span');
+      btn.setAttribute('data-collapse', collapseText);
+      btn.setAttribute('data-expand', expandText);
+      _this.isCollapsed = isCollapsed;
+      btn.className = "".concat(cls, "-btn ").concat(isCollapsed ? "".concat(cls, "-collapse") : "".concat(cls, "-expand"));
+      var self = _this;
+      btn.onclick = function () {
+        return __awaiter(_this, void 0, void 0, function () {
+          var _a;
+          return __generator(this, function (_b) {
+            switch (_b.label) {
+              case 0:
+                _a = self.props.onBeforeChange;
+                if (!_a) return [3 /*break*/, 2];
+                return [4 /*yield*/, self.props.onBeforeChange(!self.isCollapsed)];
+              case 1:
+                _a = !_b.sent();
+                _b.label = 2;
+              case 2:
+                if (_a) {
+                  return [2 /*return*/];
+                }
+
+                if (self.isCollapsed) {
+                  self.isCollapsed = false;
+                  btn.className = "".concat(cls, "-btn ").concat(cls, "-expand");
+                  wrapElement.innerHTML = self.originalContent;
+                  wrapElement.appendChild(btn);
+                } else {
+                  self.isCollapsed = true;
+                  wrapElement.innerHTML = self.originalContent;
+                  self.delayCalculate();
+                }
+                if (self.props.onAfterChange) {
+                  self.props.onAfterChange(self.isCollapsed);
+                }
+                return [2 /*return*/];
+            }
+          });
+        });
+      };
+
+      return btn;
+    };
+    _this.applyToggle = function (wrapElement, node, index) {
+      // 1. 将文本节点在 index 处切分为两个
+      var remainingTextNode = node.splitText(index);
+      // 2. 创建一个“隐藏层”容器
+      var hiddenWrapper = document.createElement('div');
+      hiddenWrapper.className = "".concat(_this.prefixCls, "-hidden");
+      // 3. 将截断点之后的所有兄弟节点（不限于文本，包括 HTML 标签）移入隐藏层
+      var nextSibling = remainingTextNode;
+      while (nextSibling) {
+        var current = nextSibling;
+        nextSibling = nextSibling.nextSibling;
+        hiddenWrapper.appendChild(current);
+        // appendChild 会将节点从原位置移动到 hiddenWrapper 中，而不销毁
+      }
+      // 同样需要递归移入父级元素之后的所有兄弟节点，确保彻底隐藏
+      var parent = node.parentNode;
+      while (parent && parent !== wrapElement) {
+        var sib = parent.nextSibling;
+        while (sib) {
+          var currentSib = sib;
+          sib = sib.nextSibling;
+          hiddenWrapper.appendChild(currentSib);
+        }
+        parent = parent.parentNode;
+      }
+      var buttonElement = _this.getButtonElement(wrapElement, true);
+      node.parentNode.insertBefore(buttonElement, node.nextSibling);
+      wrapElement.appendChild(hiddenWrapper);
+      _this.setState({
+        wrapStyle: {
+          maxHeight: 'none'
+        }
+      });
+    };
+    _this.onResizeObserver = function () {
+      var debounceCalculate = debounce(function (newWidth) {
+        if (newWidth !== _this.cacheWrapWidth) {
+          _this.cacheWrapWidth = newWidth;
+          _this.delayCalculate();
+        }
+      });
+      _this.resizeObserver = new ResizeObserver(function (entries) {
+        debounceCalculate(entries[0].contentRect.width);
+      });
+      _this.resizeObserver.observe(_this.wrapRef.current);
+    };
+    _this.isCollapsed = props.lines >= 1 && props.defaultCollapsed;
+    _this.state = {
+      wrapStyle: {
+        maxHeight: props.defaultWrapMaxHeight
+      }
+    };
+    return _this;
+  }
+  ReadMore.prototype.componentDidMount = function () {
+    var wrapElement = this.wrapRef.current;
+    if (!wrapElement) {
+      return;
+    }
+    this.originalContent = wrapElement.innerHTML;
+    if (!this.isCollapsed) {
+      var buttonElement = this.getButtonElement(wrapElement, false);
+      wrapElement.appendChild(buttonElement);
+      this.setState({
+        wrapStyle: {
+          maxHeight: 'none'
+        }
+      });
+    }
+    this.delayCalculate();
+    if (this.props.isResizeObserver) {
+      this.onResizeObserver();
+    }
+  };
+  ReadMore.prototype.componentDidUpdate = function (prevProps) {
+    if (this.props.children !== prevProps.children || this.props.lines !== prevProps.lines) {
+      this.originalContent = this.wrapRef.current ? this.wrapRef.current.innerHTML : '';
+      // 执行render，并且跳过shouldComponentUpdate
+      this.delayCalculate();
+    }
+  };
+  ReadMore.prototype.componentWillUnmount = function () {
+    if (this.resizeObserver && this.wrapRef.current) {
+      this.resizeObserver.unobserve(this.wrapRef.current);
+    }
+  };
+  /**
+   * 计算高度并设置样式
+   */
+  ReadMore.prototype.delayCalculate = function () {
+    var wrapElement = this.wrapRef.current;
+    if (!this.isCollapsed || this.props.lines < 1 || !wrapElement || !document.createTreeWalker) {
+      this.setState({
+        wrapStyle: {
+          maxHeight: 'none'
+        }
+      });
+      return;
+    }
+    var wrapRect = wrapElement.getBoundingClientRect();
+    this.cacheWrapWidth = wrapRect.width;
+    var _a = this.props,
+      ignoreClassList = _a.ignoreClassList,
+      lineThreshold = _a.lineThreshold,
+      lines = _a.lines,
+      buttonWidth = _a.buttonWidth;
+    // 将数组转换为选择器字符串: ".ignore-text1, .ignore-text2"
+    var ignoreSelector = (ignoreClassList || []).map(function (cls) {
+      return ".".concat(cls);
+    }).join(', ');
+    var range = document.createRange();
+    var treeWalker = document.createTreeWalker(wrapElement, NodeFilter.SHOW_TEXT, {
+      acceptNode: function acceptNode(node) {
+        // 如果 ignoreClassList 为空，或者当前节点不属于任何忽略名单，则接受
+        if (ignoreSelector && node.parentElement.closest(ignoreSelector)) {
+          return NodeFilter.FILTER_REJECT;
+        }
+        return NodeFilter.FILTER_ACCEPT;
+      }
+    });
+    var lineCount = 0;
+    var lastTop = -1;
+    var targetNode = null;
+    var splitIndex = 0;
+    // 1. 寻找第 targetLine 行的末尾空格位置
+    var node = null;
+    while (node = treeWalker.nextNode()) {
+      var text = node.textContent;
+      for (var i = 0; i < text.length; i++) {
+        range.setStart(node, i);
+        range.setEnd(node, i + 1);
+        var rect = range.getBoundingClientRect();
+        if (rect.height > 0) {
+          if (lastTop === -1 || Math.abs(rect.top - lastTop) > lineThreshold) {
+            lineCount++;
+            lastTop = rect.top;
+          }
+          // 仅在目标行寻找合适的截断点（空格且留够按钮位）
+          if (lineCount === lines) {
+            if ((text[i] === ' ' || text[i] === '\n') && wrapRect.right - rect.right > buttonWidth) {
+              targetNode = node;
+              splitIndex = i;
+            }
+          } else if (lineCount > lines) break;
+        }
+      }
+      if (lineCount > lines) break;
+    }
+    if (targetNode) {
+      this.applyToggle(wrapElement, targetNode, splitIndex);
+    }
+  };
+  ReadMore.prototype.render = function () {
+    var cls = this.prefixCls;
+    var _a = this.props,
+      className = _a.className,
+      children = _a.children;
+    var wrapStyle = this.state.wrapStyle;
+    return /*#__PURE__*/React.createElement("div", {
+      ref: this.wrapRef,
+      style: wrapStyle,
+      className: classNames(cls, className)
+    }, children);
+  };
+  ReadMore.defaultProps = {
+    onAfterChange: function onAfterChange() {},
+    isResizeObserver: true,
+    defaultCollapsed: true,
+    expandText: 'Show Less',
+    buttonWidth: 75,
+    collapseText: '...Show More',
+    lineThreshold: 10,
+    lines: 2
+  };
+  return ReadMore;
+}(Component);
+export default ReadMore;

package/esm/read-more/style/index.css

@@ -0,0 +1 @@
+.ab-read-more{overflow:hidden}.ab-read-more-hidden{display:none}.ab-read-more-collapse,.ab-read-more-expand{user-select:none}.ab-read-more-collapse::after,.ab-read-more-expand::after{color:#4068b0;cursor:pointer}.ab-read-more-collapse::after{content:" " attr(data-collapse)}.ab-read-more-expand::after{content:" " attr(data-expand)}