@autobest-ui/components 2.13.12 → 2.14.0

package/esm/loading-container/index.js

@@ -1,125 +1,19 @@
-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 __());
-  };
-}();
-import React, { createRef } from 'react';
+import React from 'react';
 import classNames from 'classnames';
-import { addEventListener, getElementSize, getOffsetAndSize, isInViewArea, throttleWithRAF } from '@autobest-ui/utils';
 import LoadingIcon from '../loading-icon';
-var LoadingContainer = /** @class */function (_super) {
-  __extends(LoadingContainer, _super);
-  function LoadingContainer() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.prefixCls = 'ab-loading-container';
-    _this.wrapRef = /*#__PURE__*/createRef();
-    _this.iconRef = /*#__PURE__*/createRef();
-    _this.addScrollListener = function () {
-      if (!_this.addScrollHandlerListener) {
-        // 滚动监听
-        _this.addScrollHandlerListener = addEventListener(window, 'scroll', throttleWithRAF(_this.onHandlerScroll));
-      }
-    };
-    _this.removeScrollListener = function () {
-      if (_this.addScrollHandlerListener) {
-        _this.addScrollHandlerListener();
-        _this.addScrollHandlerListener = null;
-      }
-    };
-    _this.setIconTopStyle = function (top) {
-      _this.iconRef.current.style.top = top;
-    };
-    _this.onHandlerScroll = function () {
-      var wrapElement = _this.wrapRef.current;
-      if (!_this.props.loadingInView || !_this.props.loading || !wrapElement) {
-        return;
-      }
-      var iconElement = _this.iconRef.current;
-      if (!isInViewArea(wrapElement) || !iconElement) {
-        // 组件在可视区域外
-        return;
-      }
-      var halfIconHeight = getElementSize(iconElement).height / 2;
-      var _a = getOffsetAndSize(wrapElement, true),
-        top = _a.top,
-        height = _a.height;
-      var bottom = top + height;
-      if (top >= 0 && bottom <= window.innerHeight) {
-        // 整个组件都在可视区域内，直接在组件内居中显示LoadingIcon
-        _this.setIconTopStyle('50%');
-        return;
-      }
-      if (top < 0 && bottom > window.innerHeight) {
-        // 组件超出浏览器可视区域，在浏览器可视区域居中显示LoadingIcon
-        _this.setIconTopStyle("".concat(window.innerHeight / 2 - top, "px"));
-        return;
-      }
-      if (top < 0) {
-        // 组件上半部分超出可视区域
-        var iconTop_1 = bottom / 2 - top;
-        _this.setIconTopStyle("".concat(iconTop_1 > height - halfIconHeight ? height - halfIconHeight : iconTop_1, "px"));
-        return;
-      }
-      // 组件下半部分超出可视区域
-      var iconTop = (window.innerHeight - top) / 2;
-      _this.setIconTopStyle("".concat(iconTop < halfIconHeight ? halfIconHeight : iconTop, "px"));
-    };
-    return _this;
-  }
-  LoadingContainer.prototype.componentDidMount = function () {
-    if (this.props.loadingInView && this.props.loading) {
-      this.onHandlerScroll();
-      this.addScrollListener();
-    }
-  };
-  LoadingContainer.prototype.componentDidUpdate = function (prevProps) {
-    if (prevProps.loading !== this.props.loading || prevProps.loadingInView !== this.props.loadingInView) {
-      if (this.props.loadingInView && this.props.loading) {
-        this.onHandlerScroll();
-        this.addScrollListener();
-        return;
-      }
-      this.removeScrollListener();
-    }
-  };
-  LoadingContainer.prototype.componentWillUnmount = function () {
-    this.removeScrollListener();
-  };
-  LoadingContainer.prototype.render = function () {
-    var _a;
-    var cls = this.prefixCls;
-    var _b = this.props,
-      _c = _b.loading,
-      loading = _c === void 0 ? false : _c,
-      className = _b.className,
-      children = _b.children;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classNames(className, cls, (_a = {}, _a["".concat(cls, "-active")] = loading, _a)),
-      ref: this.wrapRef
-    }, children, loading && /*#__PURE__*/React.createElement("div", {
-      className: "".concat(cls, "-icon-box")
-    }, /*#__PURE__*/React.createElement(LoadingIcon, {
-      className: "".concat(cls, "-icon"),
-      ref: this.iconRef
-    })));
-  };
-  return LoadingContainer;
-}(React.Component);
+var cls = 'ab-loading-container';
+function LoadingContainer(props) {
+  var _a;
+  var _b = props.loading,
+    loading = _b === void 0 ? false : _b,
+    className = props.className,
+    children = props.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(className, cls, (_a = {}, _a["".concat(cls, "-active")] = loading, _a))
+  }, children, loading && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(cls, "-icon-box")
+  }, /*#__PURE__*/React.createElement(LoadingIcon, {
+    className: "".concat(cls, "-icon")
+  })));
+}
 export default LoadingContainer;

package/esm/loading-icon/index.d.ts

@@ -2,5 +2,5 @@ import React from 'react';
 export interface LoadingIconProps {
     className?: string;
 }
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<LoadingIconProps & React.RefAttributes<HTMLSpanElement>>>;
+declare const _default: React.MemoExoticComponent<(props: LoadingIconProps) => JSX.Element>;
 export default _default;

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/modal/Affix.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { PortalProps } from '../portal';
+export declare type AffixProps = Required<Omit<PortalProps, 'didUpdate'>>;
+export default function Affix(props: AffixProps): JSX.Element;

package/esm/modal/Affix.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import Portal from '../portal';
+export default function Affix(props) {
+  return /*#__PURE__*/React.createElement(Portal, {
+    getContainer: props.getContainer
+  }, props.children);
+}

package/esm/modal/index.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import React from 'react';
 import { AddListenerEventRemoveHandler } from '@autobest-ui/utils';
 declare type PrevPopupSize = {
     width: number;
@@ -35,22 +35,9 @@ export interface ModalProps {
     popupLimitSpacing?: number;
     /**
      * 当写成`auto`时， 宽度是全屏
-     * 默认值为6.5rem
      */
-    width?: CSSProperties['width'];
-    /**
-     * 固定弹出框高度
-     * 默认值为auto
-     */
-    height?: CSSProperties['height'];
-    /**
-     * 弹出框最小高度
-     */
-    minHeight?: CSSProperties['minHeight'];
-    /**
-     * 弹出框z-index层级
-     */
-    zIndex?: CSSProperties['zIndex'];
+    width?: string;
+    height?: string;
     /**
      * 弹框到顶部距离（只有在placement="top"时，有作用）
      */
@@ -90,6 +77,7 @@ interface ModalStates {
     cacheVisible: boolean;
 }
 declare class Modal extends React.Component<ModalProps, ModalStates> {
+    static Affix: React.ComponentType<Required<Omit<import("../portal").PortalProps, "didUpdate">>>;
     static cacheOpenedIds: number[];
     openId: number;
     prefixCls: string;
@@ -98,9 +86,7 @@ declare class Modal extends React.Component<ModalProps, ModalStates> {
         placement: string;
         width: string;
         height: string;
-        minHeight: string;
         top: string;
-        zIndex: number;
         popupLimitSpacing: number;
         closable: boolean;
         maskClosable: boolean;
@@ -127,7 +113,7 @@ declare class Modal extends React.Component<ModalProps, ModalStates> {
      */
     onDocumentClick: (event: any) => void;
     clearOutsideHandler(): void;
-    clearPopupTimer: () => void;
+    clearPopupTimer: (popupEl?: HTMLElement) => void;
     getPopupDomNode(): HTMLDivElement;
     getMaskDomNode(): HTMLDivElement;
     onClose: (event: any, isOutsideClick?: boolean) => void;

package/esm/modal/index.js

@@ -27,6 +27,7 @@ import { addEventListener, hasVerticalScrollbar, isTouchScreen, getElementSize,
 import Portal from '../portal';
 import Mask from '../mask';
 import Title from './Title';
+import Affix from './Affix';
 import getPopupLocation from './getPopupLocation';
 function getId() {
   try {
@@ -67,8 +68,12 @@ var Modal = /** @class */function (_super) {
         _this.onClose(target, true);
       }
     };
-    _this.clearPopupTimer = function () {
+    _this.clearPopupTimer = function (popupEl) {
       clearTimeout(_this.popupTimer);
+      var element = popupEl || _this.getPopupDomNode();
+      if (element) {
+        element.style.visibility = '';
+      }
     };
     _this.onClose = function (event, isOutsideClick) {
       if (isOutsideClick === void 0) {
@@ -88,11 +93,11 @@ var Modal = /** @class */function (_super) {
       if (!element) {
         return;
       }
-      if (element.parentNode) {
+      if (element && element.parentNode) {
         var parentNode = element.parentNode;
         parentNode.style.display = 'block';
       }
-      _this.clearPopupTimer();
+      _this.clearPopupTimer(element);
       var _a = _this.props,
         placement = _a.placement,
         hiddenScroll = _a.hiddenScroll,
@@ -136,7 +141,7 @@ var Modal = /** @class */function (_super) {
           lastChild.style.overflow = 'auto';
           var popupHeight = height || _this.props.height;
           if (!popupHeight || popupHeight === 'auto') {
-            lastChild.style.maxHeight = "calc(100vh - ".concat(popupLimitSpacing * 2, "px - ").concat(placement === 'top' && top ? top : '0px', " - ").concat(firstChildHeight, "px)");
+            lastChild.style.maxHeight = "calc(100vh - .3rem - ".concat(placement === 'top' && top ? top : '0px', " - ").concat(firstChildHeight, "px)");
           } else {
             lastChild.style.maxHeight = "calc(100% - ".concat(firstChildHeight, "px)");
           }
@@ -235,9 +240,11 @@ var Modal = /** @class */function (_super) {
         width = _a.width,
         height = _a.height;
       if (prevPopupSize.width !== width || prevPopupSize.height !== height) {
-        this.clearPopupTimer();
+        this.clearPopupTimer(popupEl);
+        popupEl.style.visibility = 'hidden';
         this.popupTimer = setTimeout(function () {
           _this.onEnter(popupEl);
+          popupEl.style.visibility = '';
         });
       }
     }
@@ -280,20 +287,14 @@ var Modal = /** @class */function (_super) {
       children = _b.children,
       width = _b.width,
       height = _b.height,
-      minHeight = _b.minHeight,
-      zIndex = _b.zIndex,
       className = _b.className,
       closable = _b.closable,
       title = _b.title,
       placement = _b.placement,
-      top = _b.top,
-      popupLimitSpacing = _b.popupLimitSpacing;
-    var maxHeight = "calc(100vh - ".concat(popupLimitSpacing * 2, "px - ").concat(placement === 'top' && top ? top : '0px', ")");
+      top = _b.top;
+    var maxHeight = "calc(100vh - .3rem - ".concat(placement === 'top' && top ? top : '0px', ")");
     return /*#__PURE__*/React.createElement("div", {
-      className: classNames(cls, className, (_a = {}, _a["".concat(cls, "-center")] = placement === 'center', _a["".concat(this.prefixCls, "-hidden")] = !visible && !this.state.isUserOperated, _a)),
-      style: {
-        zIndex: zIndex
-      }
+      className: classNames(cls, className, (_a = {}, _a["".concat(cls, "-center")] = placement === 'center', _a["".concat(this.prefixCls, "-hidden")] = !visible && !this.state.isUserOperated, _a))
     }, /*#__PURE__*/React.createElement(CSSTransition, {
       "in": visible,
       timeout: 300,
@@ -308,8 +309,7 @@ var Modal = /** @class */function (_super) {
         style: state !== 'exited' ? {
           width: width,
           height: height,
-          maxHeight: maxHeight,
-          minHeight: minHeight
+          maxHeight: maxHeight
         } : undefined,
         ref: _this.popupRef
       }, /*#__PURE__*/React.createElement(Title, {
@@ -341,15 +341,14 @@ var Modal = /** @class */function (_super) {
     }
     return null;
   };
+  Modal.Affix = Affix;
   Modal.cacheOpenedIds = [];
   // 默认值
   Modal.defaultProps = {
     placement: 'center',
     width: '6.5rem',
     height: 'auto',
-    minHeight: '',
     top: '10%',
-    zIndex: 101,
     popupLimitSpacing: 14,
     closable: true,
     maskClosable: true,

package/esm/modal/style/index.css

@@ -1 +1 @@
-.ab-mask{position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;background-color:rgba(0,0,0,.45);transition:opacity .4s cubic-bezier(.7,.3,.1,1)}.ab-mask-fade-appear,.ab-mask-fade-enter{opacity:0}.ab-mask-fade-appear-active,.ab-mask-fade-enter-active,.ab-mask-fade-enter-done,.ab-mask-fade-exit{opacity:1}.ab-mask-fade-exit-active{opacity:0}.ab-mask-fade-exit-done{display:none}.ab-modal{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;outline:0}.ab-modal.ab-modal-center{text-align:center}.ab-modal.ab-modal-center::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.ab-modal.ab-modal-center .ab-modal-content{top:0;text-align:left;display:inline-block;vertical-align:middle}.ab-modal-content{position:relative;background-color:#fff;max-width:calc(100vw - .3rem);margin-left:auto;margin-right:auto;overflow:auto;-webkit-overflow-scrolling:touch;transition:transform .3s,opacity .3s cubic-bezier(.7,.3,.1,1);z-index:101}.ab-modal-title{position:relative;width:100%}.ab-modal-title .ab-modal-times{top:50%;transform:translateY(-50%)}.ab-modal-times{position:absolute;top:.12rem;right:.12rem;font-size:.15rem;color:#b0b0b0;cursor:pointer}.ab-modal-times svg{display:block}.ab-modal-times:hover{color:#333}.ab-modal-hidden{display:none}@media only screen and (max-width:767px){.ab-modal-content{width:calc(100vw - .3rem)}}.ab-modal-fade-appear,.ab-modal-fade-enter{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-appear-active,.ab-modal-fade-enter-active,.ab-modal-fade-enter-done,.ab-modal-fade-exit{transform:translateZ(0);opacity:1}.ab-modal-fade-exit-active{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-exit-done{display:none}
+.ab-mask{position:fixed;top:0;left:0;z-index:101;width:100%;height:100%;background-color:rgba(0,0,0,.45);transition:opacity .4s cubic-bezier(.7,.3,.1,1)}.ab-mask-fade-appear,.ab-mask-fade-enter{opacity:0}.ab-mask-fade-appear-active,.ab-mask-fade-enter-active,.ab-mask-fade-enter-done,.ab-mask-fade-exit{opacity:1}.ab-mask-fade-exit-active{opacity:0}.ab-mask-fade-exit-done{display:none}.ab-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;overflow:auto;outline:0}.ab-modal.ab-modal-center{text-align:center}.ab-modal.ab-modal-center::before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.ab-modal.ab-modal-center .ab-modal-content{top:0;text-align:left;display:inline-block;vertical-align:middle}.ab-modal-content{position:relative;background-color:#fff;max-width:calc(100vw - .3rem);margin-left:auto;margin-right:auto;overflow:auto;-webkit-overflow-scrolling:touch;transition:transform .3s,opacity .3s cubic-bezier(.7,.3,.1,1);z-index:101}.ab-modal-title{position:relative;width:100%}.ab-modal-title .ab-modal-times{top:50%;transform:translateY(-50%)}.ab-modal-times{position:absolute;top:.12rem;right:.12rem;font-size:.15rem;color:#b0b0b0;cursor:pointer}.ab-modal-times svg{display:block}.ab-modal-times:hover{color:#333}.ab-modal-hidden{display:none}@media only screen and (max-width:767px){.ab-modal-content{width:calc(100vw - .3rem)}}.ab-modal-fade-appear,.ab-modal-fade-enter{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-appear-active,.ab-modal-fade-enter-active,.ab-modal-fade-enter-done,.ab-modal-fade-exit{transform:translateZ(0);opacity:1}.ab-modal-fade-exit-active{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-exit-done{display:none}

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;