@autobest-ui/components 2.9.2 → 2.10.0-alpha.0

package/esm/affix/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AddListenerEventHandler, getOffsetAndSize } from '@autobest-ui/utils';
+import { AddListenerEventRemoveHandler, getOffsetAndSize } from '@autobest-ui/utils';
 export interface GetFixedStateParams {
     positionInfo: OffsetInfo;
     scrollTop: number;
@@ -59,8 +59,8 @@ interface AffixStates {
 declare type OffsetInfo = ReturnType<typeof getOffsetAndSize>;
 declare class Affix extends React.Component<AffixProps, AffixStates> {
     prefixCls: string;
-    scrollHandler: AddListenerEventHandler;
-    resizeHandler: AddListenerEventHandler;
+    scrollHandler: AddListenerEventRemoveHandler;
+    resizeHandler: AddListenerEventRemoveHandler;
     isFixed: boolean;
     wrapRef: React.RefObject<HTMLDivElement>;
     customRef: React.RefObject<HTMLDivElement>;

package/esm/affix/index.js

@@ -153,11 +153,11 @@ var Affix = /** @class */function (_super) {
   };
   Affix.prototype.componentWillUnmount = function () {
     if (this.scrollHandler) {
-      this.scrollHandler.remove();
+      this.scrollHandler();
       this.scrollHandler = null;
     }
     if (this.resizeHandler) {
-      this.resizeHandler.remove();
+      this.resizeHandler();
       this.resizeHandler = null;
     }
   };

package/esm/carousel/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AddListenerEventHandler } from '@autobest-ui/utils';
+import { AddListenerEventRemoveHandler } from '@autobest-ui/utils';
 export interface CarouselProps {
     children: React.ReactElement[] | React.ReactElement;
     /**
@@ -74,7 +74,7 @@ declare class Carousel extends React.Component<CarouselProps, CarouselStates> {
         fadeEffect: boolean;
         monitorWindowResize: boolean;
     };
-    resizeHandler: AddListenerEventHandler | null;
+    resizeHandler: AddListenerEventRemoveHandler | null;
     constructor(props: any);
     componentDidMount(): void;
     componentDidUpdate(prevProps: CarouselProps): void;

package/esm/carousel/index.js

@@ -310,7 +310,7 @@ var Carousel = /** @class */function (_super) {
     clearTimeout(this.autoplayTimer);
     clearTimeout(this.fadeEffectTimer);
     if (this.resizeHandler) {
-      this.resizeHandler.remove();
+      this.resizeHandler();
       this.resizeHandler = null;
     }
     if (this.intersectionObserver) {

package/esm/checkbox/Checkbox.d.ts

@@ -0,0 +1,60 @@
+import React, { MouseEvent } from 'react';
+export interface CheckboxProps {
+    children?: React.ReactChild | React.ReactChild[];
+    /**
+     * checked变化的回调函数, 参数 checked: boolean
+     */
+    onChange: (checked: boolean, name?: string | number) => void;
+    /**
+     * 是否选中
+     */
+    checked?: boolean;
+    /**
+     * 初始是否选中
+     */
+    defaultChecked?: boolean;
+    /**
+     * checkbox样式
+     */
+    className?: string;
+    name?: string | number;
+    /**
+     * 勾选框尺寸，单位px
+     */
+    size?: number;
+    /**
+     * 是否禁用
+     */
+    disabled?: boolean;
+    /**
+     * 掉转文字和勾选框位置
+     */
+    reverse?: boolean;
+    /**
+     * 主题样式
+     * white为选中时白底红箭头
+     * blue为选中时蓝底白箭头
+     */
+    theme?: 'white' | 'blue';
+}
+interface CheckboxState {
+    visible: boolean;
+}
+declare class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
+    static defaultProps: {
+        size: number;
+        disabled: boolean;
+        defaultChecked: boolean;
+        reverse: boolean;
+        theme: string;
+    };
+    constructor(props: any);
+    static getDerivedStateFromProps(nextProps: CheckboxProps, prevState: CheckboxState): {
+        visible: boolean;
+    };
+    onVisibleChange: () => void;
+    renderBox: () => JSX.Element;
+    onClick: (e: MouseEvent<HTMLLabelElement>) => void;
+    render(): JSX.Element;
+}
+export default Checkbox;

package/esm/checkbox/Checkbox.js

@@ -0,0 +1,120 @@
+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 from 'react';
+import classNames from 'classnames';
+var cls = 'ab-checkbox';
+var Checkbox = /** @class */function (_super) {
+  __extends(Checkbox, _super);
+  function Checkbox(props) {
+    var _this = _super.call(this, props) || this;
+    _this.onVisibleChange = function () {
+      var _a = _this.props,
+        disabled = _a.disabled,
+        onChange = _a.onChange,
+        name = _a.name;
+      if (disabled) {
+        return;
+      }
+      var visible = !_this.state.visible;
+      if (!('checked' in _this.props)) {
+        _this.setState({
+          visible: visible
+        });
+      }
+      onChange(visible, name);
+    };
+    _this.renderBox = function () {
+      var _a;
+      var _b = _this.props,
+        className = _b.className,
+        disabled = _b.disabled,
+        size = _b.size,
+        theme = _b.theme;
+      var visible = _this.state.visible;
+      var innerStyle = {
+        width: "".concat(size, "px"),
+        height: "".concat(size, "px")
+      };
+      var iconStyle = {
+        width: "".concat(size * 6 / 16, "px"),
+        height: "".concat(size * 10 / 16, "px")
+      };
+      return /*#__PURE__*/React.createElement("span", {
+        className: classNames(cls, className, "".concat(cls, "-").concat(theme), (_a = {}, _a["".concat(cls, "-checked")] = visible, _a["".concat(cls, "-disabled")] = disabled, _a))
+      }, /*#__PURE__*/React.createElement("input", {
+        className: "".concat(cls, "-input"),
+        type: "checkbox",
+        onChange: _this.onVisibleChange
+      }), /*#__PURE__*/React.createElement("span", {
+        className: "".concat(cls, "-inner"),
+        style: innerStyle
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "".concat(cls, "-icon"),
+        style: iconStyle
+      })));
+    };
+    _this.onClick = function (e) {
+      e.stopPropagation();
+    };
+    _this.state = {
+      visible: props.checked || props.defaultChecked
+    };
+    return _this;
+  }
+  Checkbox.getDerivedStateFromProps = function (nextProps, prevState) {
+    // 如果父级传了 checked 则更新 state
+    if ('checked' in nextProps && nextProps.checked !== prevState.visible) {
+      return {
+        visible: nextProps.checked
+      };
+    }
+    return null;
+  };
+  Checkbox.prototype.render = function () {
+    var _a;
+    var _b = this.props,
+      className = _b.className,
+      disabled = _b.disabled,
+      children = _b.children,
+      reverse = _b.reverse;
+    // 只渲染复选框
+    if (!children) {
+      return this.renderBox();
+    }
+    return /*#__PURE__*/React.createElement("label", {
+      onClick: this.onClick,
+      className: classNames("".concat(cls, "-wrap"), className, (_a = {}, _a["".concat(cls, "-reverse")] = reverse, _a["".concat(cls, "-disabled")] = disabled, _a))
+    }, this.renderBox(), children ? /*#__PURE__*/React.createElement("span", {
+      className: "".concat(cls, "-content")
+    }, children) : null);
+  };
+  Checkbox.defaultProps = {
+    size: 16,
+    disabled: false,
+    defaultChecked: false,
+    reverse: false,
+    theme: 'white'
+  };
+  return Checkbox;
+}(React.Component);
+export default Checkbox;

package/esm/checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+import { CheckboxProps } from './Checkbox';
+declare type CommonCheckboxProps = Partial<Pick<CheckboxProps, 'theme' | 'reverse' | 'disabled'>>;
+export interface CheckboxGroupOptionItem extends CommonCheckboxProps {
+    name: string;
+    value?: string | number;
+    checked: boolean;
+}
+export interface CheckboxGroupProps extends CommonCheckboxProps {
+    className?: string;
+    name?: string;
+    onChange: (options: CheckboxGroupOptionItem[], name?: string) => void;
+    options: CheckboxGroupOptionItem[];
+}
+declare const CheckboxGroup: FC<CheckboxGroupProps>;
+export default CheckboxGroup;

package/esm/checkbox/CheckboxGroup.js

@@ -0,0 +1,57 @@
+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';
+import { isEmptyArray, isUndef } from '@autobest-ui/utils';
+import Checkbox from './Checkbox';
+function getCheckboxProp(checkboxProp, checkboxGroupProp) {
+  return isUndef(checkboxProp) ? checkboxGroupProp : checkboxProp;
+}
+var cls = 'ab-checkbox';
+var CheckboxGroup = function CheckboxGroup(_a) {
+  var onChange = _a.onChange,
+    groupName = _a.name,
+    options = _a.options,
+    className = _a.className,
+    disabled = _a.disabled,
+    reverse = _a.reverse,
+    theme = _a.theme;
+  if (isEmptyArray(options)) {
+    return null;
+  }
+  var onCheckboxChange = function onCheckboxChange(checked, name) {
+    var newOptions = options.map(function (item) {
+      if (item.name === name) {
+        return __assign(__assign({}, item), {
+          checked: checked
+        });
+      }
+      return item;
+    });
+    onChange(newOptions, groupName);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames("".concat(cls, "-group"), className)
+  }, options.map(function (item) {
+    return /*#__PURE__*/React.createElement(Checkbox, {
+      key: item.name,
+      name: item.name,
+      reverse: getCheckboxProp(item.reverse, reverse),
+      theme: getCheckboxProp(item.theme, theme),
+      disabled: getCheckboxProp(item.disabled, disabled),
+      checked: item.checked,
+      onChange: onCheckboxChange
+    }, item.name);
+  }));
+};
+export default CheckboxGroup;

package/esm/checkbox/index.d.ts

@@ -1,52 +1,4 @@
-import React from 'react';
-export interface CheckboxProps {
-    children?: React.ReactChild | React.ReactChild[];
-    /**
-     * checked变化的回调函数, 参数 checked: boolean
-     */
-    onChange: (checked: boolean, name?: string | number) => void;
-    /**
-     * 是否选中
-     */
-    checked?: boolean;
-    /**
-     * 初始是否选中
-     */
-    defaultChecked?: boolean;
-    /**
-     * checkbox样式
-     */
-    className?: string;
-    name?: string | number;
-    /**
-     * 勾选框尺寸，单位px
-     */
-    size?: number;
-    /**
-     * 是否禁用
-     */
-    disabled?: boolean;
-    /**
-     * 掉转文字和勾选框位置
-     */
-    reverse?: boolean;
-}
-interface CheckboxState {
-    visible: boolean;
-}
-declare class Checkbox extends React.Component<CheckboxProps, CheckboxState> {
-    static defaultProps: {
-        size: number;
-        disabled: boolean;
-        defaultChecked: boolean;
-        reverse: boolean;
-    };
-    constructor(props: any);
-    static getDerivedStateFromProps(nextProps: CheckboxProps, prevState: CheckboxState): {
-        visible: boolean;
-    };
-    onVisibleChange: () => void;
-    renderBox: () => JSX.Element;
-    render(): JSX.Element;
-}
-export default Checkbox;
+export type { CheckboxProps } from './Checkbox';
+export { default as Checkbox } from './Checkbox';
+export type { CheckboxGroupProps, CheckboxGroupOptionItem } from './CheckboxGroup';
+export { default as CheckboxGroup } from './CheckboxGroup';

package/esm/checkbox/index.js

@@ -1,114 +1,2 @@
-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 from 'react';
-import classNames from 'classnames';
-var cls = 'ab-checkbox';
-var Checkbox = /** @class */function (_super) {
-  __extends(Checkbox, _super);
-  function Checkbox(props) {
-    var _this = _super.call(this, props) || this;
-    _this.onVisibleChange = function () {
-      var _a = _this.props,
-        disabled = _a.disabled,
-        onChange = _a.onChange,
-        name = _a.name;
-      if (disabled) {
-        return;
-      }
-      var visible = !_this.state.visible;
-      if (!('checked' in _this.props)) {
-        _this.setState({
-          visible: visible
-        });
-      }
-      onChange(visible, name);
-    };
-    _this.renderBox = function () {
-      var _a;
-      var _b = _this.props,
-        className = _b.className,
-        disabled = _b.disabled,
-        size = _b.size;
-      var visible = _this.state.visible;
-      var innerStyle = {
-        width: "".concat(size, "px"),
-        height: "".concat(size, "px")
-      };
-      var iconStyle = {
-        width: "".concat(size * 6 / 16, "px"),
-        height: "".concat(size * 10 / 16, "px")
-      };
-      return /*#__PURE__*/React.createElement("span", {
-        className: classNames(cls, className, (_a = {}, _a["".concat(cls, "-checked")] = visible, _a["".concat(cls, "-disabled")] = disabled, _a))
-      }, /*#__PURE__*/React.createElement("input", {
-        className: "".concat(cls, "-input"),
-        type: "checkbox",
-        onChange: _this.onVisibleChange
-      }), /*#__PURE__*/React.createElement("span", {
-        className: "".concat(cls, "-inner"),
-        style: innerStyle
-      }, /*#__PURE__*/React.createElement("span", {
-        className: "".concat(cls, "-icon"),
-        style: iconStyle
-      })));
-    };
-    _this.state = {
-      visible: props.checked || props.defaultChecked
-    };
-    return _this;
-  }
-  Checkbox.getDerivedStateFromProps = function (nextProps, prevState) {
-    // 如果父级传了 checked 则更新 state
-    if ('checked' in nextProps && nextProps.checked !== prevState.visible) {
-      return {
-        visible: nextProps.checked
-      };
-    }
-    return null;
-  };
-  Checkbox.prototype.render = function () {
-    var _a;
-    var _b = this.props,
-      className = _b.className,
-      disabled = _b.disabled,
-      children = _b.children,
-      reverse = _b.reverse;
-    // 只渲染复选框
-    if (!children) {
-      return this.renderBox();
-    }
-    return /*#__PURE__*/React.createElement("label", {
-      className: classNames("".concat(cls, "-wrap"), className, (_a = {}, _a["".concat(cls, "-reverse")] = reverse, _a["".concat(cls, "-disabled")] = disabled, _a))
-    }, this.renderBox(), children ? /*#__PURE__*/React.createElement("span", {
-      className: "".concat(cls, "-content")
-    }, children) : null);
-  };
-  Checkbox.defaultProps = {
-    size: 16,
-    disabled: false,
-    defaultChecked: false,
-    reverse: false
-  };
-  return Checkbox;
-}(React.Component);
-export default Checkbox;
+export { default as Checkbox } from './Checkbox';
+export { default as CheckboxGroup } from './CheckboxGroup';

package/esm/checkbox/style/index.css

@@ -1 +1 @@
-.ab-checkbox{display:inline-block;position:relative;font-size:0;cursor:pointer}.ab-checkbox-input{position:absolute;opacity:0;margin:0;padding:0;width:100%;height:100%;cursor:pointer;z-index:2}.ab-checkbox-inner{display:inline-block;position:relative;width:.16rem;height:.16rem;transition:.3s;border:.02rem solid #b0b0b0;border-radius:.02rem;background-color:#fff}.ab-checkbox-icon{visibility:hidden;position:absolute;width:.06rem;height:.1rem;left:20%;top:40%;transform:rotate(45deg) scale(0) translate(-50%,-50%);transition:.2s;border:.02rem solid #e84040;border-top:none;border-left:none}.ab-checkbox.ab-checkbox-checked .ab-checkbox-icon{visibility:visible;transform:rotate(45deg) scale(1) translate(-50%,-50%)}.ab-checkbox.ab-checkbox-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-inner{border-color:#f0f0f0;background-color:#f5f5f5}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-icon{border-color:#cecece}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-content{text-decoration:none}.ab-checkbox-wrap{display:inline-block;position:relative;cursor:pointer}.ab-checkbox-wrap .ab-checkbox{position:absolute;transform:translateY(-50%);top:50%;left:0}.ab-checkbox-wrap:hover .ab-checkbox-content{text-decoration:underline}.ab-checkbox-content{padding-left:.24rem;display:inline-block}.ab-checkbox-wrap.ab-checkbox-reverse .ab-checkbox{left:auto;right:0}.ab-checkbox-wrap.ab-checkbox-reverse .ab-checkbox-content{padding-left:0;padding-right:.24rem}.ab-checkbox-wrap.ab-checkbox-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ab-checkbox-wrap.ab-checkbox-disabled .ab-checkbox-content{text-decoration:none}
+.ab-checkbox{display:inline-block;position:relative;font-size:0;cursor:pointer}.ab-checkbox-input{position:absolute;opacity:0;margin:0;padding:0;width:100%;height:100%;cursor:pointer;z-index:2}.ab-checkbox-white .ab-checkbox-icon{border-color:#e84040}.ab-checkbox-blue .ab-checkbox-icon{border-color:#fff}.ab-checkbox-blue .ab-checkbox-inner{transition:none}.ab-checkbox-blue.ab-checkbox-checked .ab-checkbox-inner{border:.01rem solid #0075ff;background-color:#0075ff}.ab-checkbox-inner{display:inline-block;position:relative;width:.16rem;height:.16rem;transition:.3s;border:.02rem solid #b0b0b0;border-radius:.02rem;background-color:#fff}.ab-checkbox-icon{visibility:hidden;position:absolute;width:.06rem;height:.1rem;left:20%;top:40%;transform:rotate(45deg) scale(0) translate(-50%,-50%);transition:.2s;border:.02rem solid #e84040;border-top:none;border-left:none}.ab-checkbox.ab-checkbox-checked .ab-checkbox-icon{visibility:visible;transform:rotate(45deg) scale(1) translate(-50%,-50%)}.ab-checkbox.ab-checkbox-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-inner{border-color:#f0f0f0;background-color:#f5f5f5}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-icon{border-color:#cecece}.ab-checkbox.ab-checkbox-disabled .ab-checkbox-content{text-decoration:none}.ab-checkbox-wrap{display:inline-block;position:relative;cursor:pointer}.ab-checkbox-wrap .ab-checkbox{position:absolute;transform:translateY(-50%);top:50%;left:0}.ab-checkbox-wrap:hover .ab-checkbox-content{text-decoration:underline}.ab-checkbox-wrap:hover .ab-checkbox-blue+.ab-checkbox-content{text-decoration:none}.ab-checkbox-content{padding-left:.24rem;display:inline-block}.ab-checkbox-wrap.ab-checkbox-reverse .ab-checkbox{left:auto;right:0}.ab-checkbox-wrap.ab-checkbox-reverse .ab-checkbox-content{padding-left:0;padding-right:.24rem}.ab-checkbox-wrap.ab-checkbox-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ab-checkbox-wrap.ab-checkbox-disabled .ab-checkbox-content{text-decoration:none}.ab-checkbox-group{display:flex;flex-wrap:wrap}.ab-checkbox-group .ab-checkbox-wrap{margin-right:.15rem}

package/esm/ellipsis/index.d.ts

@@ -1,7 +1,4 @@
 import React from 'react';
-declare type LessThan<N extends number, A extends any[] = []> = N extends A['length'] ? A[number] : LessThan<N, [...A, A['length']]>;
-declare type NumericRange<F extends number, T extends number> = Exclude<T | LessThan<T>, LessThan<F>>;
-export declare type EllipsisLinesType = NumericRange<1, 10>;
 export interface EllipsisProps {
     /**
      * 需要显示的文本
@@ -18,11 +15,7 @@ export interface EllipsisProps {
     /**
      * 桌面端限制显示的行数，若不传值，则桌面端会不做行数限值，显示全
      */
-    lines?: EllipsisLinesType;
-    /**
-     * 移动端限制显示的行数，若不传值，则移动端会不做行数限值，显示全
-     */
-    mobileLines?: EllipsisLinesType;
+    lines?: number;
     /**
      * title属性
      */

package/esm/ellipsis/index.js

@@ -15,34 +15,34 @@ import classNames from 'classnames';
 import { isElement, isFragment } from 'react-is';
 var cls = 'ab-ellipsis';
 function Ellipsis(props) {
-  var _a, _b;
   var children = props.children,
     maxHeight = props.maxHeight,
     className = props.className,
-    _c = props.lines,
-    lines = _c === void 0 ? 0 : _c,
-    title = props.title,
-    _d = props.mobileLines,
-    mobileLines = _d === void 0 ? 0 : _d;
-  var wrapCls = classNames(cls, className, (_a = {}, _a["".concat(cls, "-line").concat(lines)] = lines > 0, _a), (_b = {}, _b["".concat(cls, "-m-line").concat(mobileLines)] = mobileLines > 0, _b));
+    _a = props.lines,
+    lines = _a === void 0 ? 0 : _a,
+    title = props.title;
+  var wrapCls = classNames(cls, className);
   var style = maxHeight ? {
     maxHeight: maxHeight
   } : null;
   var titleParam = title ? {
     title: title
   } : null;
+  var lineStyle = lines > 0 ? {
+    '-webkit-line-clamp': "".concat(lines)
+  } : null;
   // 当children是单个标签元素时（非文本元素），将直接在该标签上加上style, className，title属性
   if (!isFragment(children) && isElement(children)) {
     var child = children;
     return /*#__PURE__*/React.cloneElement(child, __assign(__assign({}, titleParam), {
       className: classNames(wrapCls, child.props.className),
-      style: __assign(__assign({}, style), child.props.style)
+      style: __assign(__assign(__assign({}, style), lineStyle), child.props.style)
     }));
   }
   return /*#__PURE__*/React.createElement("span", __assign({
     className: wrapCls
   }, titleParam, {
-    style: style
+    style: __assign(__assign({}, style), lineStyle)
   }), children);
 }
 export default /*#__PURE__*/React.memo(Ellipsis);

package/esm/ellipsis/style/index.css

@@ -1 +1 @@
-.ab-ellipsis{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical}.ab-ellipsis.ab-ellipsis-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-line5{-webkit-line-clamp:5}.ab-ellipsis.ab-ellipsis-line6{-webkit-line-clamp:6}.ab-ellipsis.ab-ellipsis-line7{-webkit-line-clamp:7}.ab-ellipsis.ab-ellipsis-line8{-webkit-line-clamp:8}.ab-ellipsis.ab-ellipsis-line9{-webkit-line-clamp:9}@media only screen and (max-width:767px){.ab-ellipsis.ab-ellipsis-line1,.ab-ellipsis.ab-ellipsis-line2,.ab-ellipsis.ab-ellipsis-line3,.ab-ellipsis.ab-ellipsis-line4,.ab-ellipsis.ab-ellipsis-line5,.ab-ellipsis.ab-ellipsis-line6,.ab-ellipsis.ab-ellipsis-line7,.ab-ellipsis.ab-ellipsis-line8,.ab-ellipsis.ab-ellipsis-line9{-webkit-line-clamp:unset}.ab-ellipsis.ab-ellipsis-m-line1{-webkit-line-clamp:1}.ab-ellipsis.ab-ellipsis-m-line2{-webkit-line-clamp:2}.ab-ellipsis.ab-ellipsis-m-line3{-webkit-line-clamp:3}.ab-ellipsis.ab-ellipsis-m-line4{-webkit-line-clamp:4}.ab-ellipsis.ab-ellipsis-m-line5{-webkit-line-clamp:5}.ab-ellipsis.ab-ellipsis-m-line6{-webkit-line-clamp:6}.ab-ellipsis.ab-ellipsis-m-line7{-webkit-line-clamp:7}.ab-ellipsis.ab-ellipsis-m-line8{-webkit-line-clamp:8}.ab-ellipsis.ab-ellipsis-m-line9{-webkit-line-clamp:9}}
+.ab-ellipsis{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical}

package/esm/index.d.ts

@@ -1,6 +1,6 @@
 export type { AccordionProps } from './accordion';
 export { default as Accordion } from './accordion';
-export type { EllipsisProps, EllipsisLinesType } from './ellipsis';
+export type { EllipsisProps } from './ellipsis';
 export { default as Ellipsis } from './ellipsis';
 export type { AffixProps, GetFixedStateParams } from './affix';
 export { default as Affix } from './affix';
@@ -34,8 +34,8 @@ export type { LazyImageProps } from './lazy-image';
 export { default as LazyImage } from './lazy-image';
 export type { LinkItemProps, LinkListProps, LinkItemSubInfoProps } from './link-list';
 export { default as LinkList } from './link-list';
-export type { CheckboxProps } from './checkbox';
-export { default as Checkbox } from './checkbox';
+export type { CheckboxProps, CheckboxGroupProps } from './checkbox';
+export { Checkbox, CheckboxGroup, CheckboxGroupOptionItem } from './checkbox';
 export type { ScriptAttributes, ScriptProps } from './script';
 export { default as Script } from './script';
 export type { MessageProps, MessageConfig, MessageResult } from './message';
@@ -56,3 +56,6 @@ export type { LoadingIconProps } from './loading-icon';
 export { default as LoadingIcon } from './loading-icon';
 export type { TriggerProps, TriggerType, TriggerPlacement, ArrowStyleProps } from './trigger';
 export { default as Trigger } from './trigger';
+export { composeRef, supportRef, fillRef } from './trigger/ref';
+export type { RadioProps, RadioGroupProps, RadioValue, RadioOptionItem } from './radio';
+export { Radio, RadioGroup } from './radio';

package/esm/index.js

@@ -16,7 +16,7 @@ export { Input, TextArea } from './input';
 export { default as InputNumber } from './input-number';
 export { default as LazyImage } from './lazy-image';
 export { default as LinkList } from './link-list';
-export { default as Checkbox } from './checkbox';
+export { Checkbox, CheckboxGroup } from './checkbox';
 export { default as Script } from './script';
 export { default as message, Message } from './message';
 export { default as Table } from './table';
@@ -26,4 +26,6 @@ export { default as Loading } from './loading';
 export { default as LoadingContainer } from './loading-container';
 export { default as LoadingBar } from './loading-bar';
 export { default as LoadingIcon } from './loading-icon';
-export { default as Trigger } from './trigger';
+export { default as Trigger } from './trigger';
+export { composeRef, supportRef, fillRef } from './trigger/ref';
+export { Radio, RadioGroup } from './radio';

package/esm/input/Input.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { AdornProps } from './Adorn';
 export declare type InputValue = string | File | undefined;
-export interface InputProps<T = InputValue> extends Omit<AdornProps, 'prefixCls' | 'children' | 'onBlur' | 'onFocus'>, Pick<React.InputHTMLAttributes<any>, 'placeholder' | 'style' | 'maxLength' | 'type' | 'accept'> {
+export interface InputProps<T = InputValue> extends Omit<AdornProps, 'prefixCls' | 'children' | 'onBlur' | 'onFocus'>, Pick<React.InputHTMLAttributes<any>, 'placeholder' | 'style' | 'maxLength' | 'type' | 'accept' | 'title' | 'aria-label' | 'onKeyUp'> {
     /**
      * 输入框默认值，用于非受控组件，配合ref使用
      */
@@ -34,6 +34,11 @@ export interface InputProps<T = InputValue> extends Omit<AdornProps, 'prefixCls'
      * 用户触发keydown时的回调，主要用于键盘监听
      */
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>, name?: string) => void;
+    /**
+     * 在网络慢时，组件已经渲染js文件还未加载，用户此时修改input框会不触发onChange事件
+     * 需要在组件加载后检测输入框内容，触发一次onChange
+     */
+    checkValueOnMounted?: boolean;
 }
 interface InputStates {
     value: string | undefined;
@@ -50,12 +55,19 @@ export declare class InputNotRef extends React.Component<InputPropsWithRef, Inpu
     static defaultProps: {
         defaultValue: string;
         type: string;
+        checkValueOnMounted: boolean;
     };
     constructor(props: InputPropsWithRef);
     static getDerivedStateFromProps(nextProps: InputPropsWithRef, prevStates: InputStates): InputStates;
     componentDidMount(): void;
     isFileUpload: () => boolean;
     getFileInfo: (element: HTMLInputElement) => File;
+    /**
+     * 在触发了onChange的前提下，如果当前为失焦状态，则触发一次onBlur
+     * @param value
+     */
+    onBlurOnMounted: (value: any) => void;
+    checkCurrentValue: () => void;
     /**
      * 修改value值的回调
      * @param ev