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

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,15 @@
+import { FC } from 'react';
+import { CheckboxProps } from './Checkbox';
+declare type CommonCheckboxProps = Partial<Pick<CheckboxProps, 'theme' | 'reverse' | 'disabled'>>;
+export interface CheckboxGroupOptionItem extends CommonCheckboxProps {
+    name: string;
+    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,5 +1,4 @@
 import React from 'react';
-export declare type EllipsisLinesType = 1 | 2 | 3 | 4 | 5;
 export interface EllipsisProps {
     /**
      * 需要显示的文本
@@ -16,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}@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{-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{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';

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';

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

@@ -1,6 +1,7 @@
-import React from 'react';
+import React, { CSSProperties } from 'react';
 export interface LoadingIconProps {
     className?: string;
+    style?: CSSProperties;
 }
 declare const _default: React.MemoExoticComponent<(props: LoadingIconProps) => JSX.Element>;
 export default _default;

package/esm/loading-icon/index.js

@@ -2,9 +2,11 @@ import React from 'react';
 import classNames from 'classnames';
 var cls = 'ab-svg-loading';
 var LoadingIcon = function LoadingIcon(props) {
-  var className = props.className;
+  var className = props.className,
+    style = props.style;
   return /*#__PURE__*/React.createElement("span", {
-    className: classNames(className, cls)
+    className: classNames(className, cls),
+    style: style
   }, /*#__PURE__*/React.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     width: "24",

package/esm/select/style/index.css

@@ -1 +1 @@
-.ab-trigger-wrap{position:absolute;top:0;left:0;z-index:101}.ab-trigger-wrap.ab-trigger-hidden{display:none}.ab-trigger-mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:101;background-color:transparent;display:none}.ab-trigger-mask.ab-trigger-mask-show{display:block}.ab-trigger-fade-appear,.ab-trigger-fade-enter,.ab-trigger-fade-hr-appear,.ab-trigger-fade-hr-enter{opacity:0}.ab-trigger-fade-appear,.ab-trigger-fade-enter{transform:scale(.7)}.ab-trigger-fade-hr-appear,.ab-trigger-fade-hr-enter{opacity:0;transform:scaleY(.7)}.ab-trigger-fade-appear-active,.ab-trigger-fade-enter-active,.ab-trigger-fade-hr-appear-active,.ab-trigger-fade-hr-enter-active{opacity:1;transition:opacity .2s,transform .2s}.ab-trigger-fade-appear-active,.ab-trigger-fade-enter-active{transform:scale(1)}.ab-trigger-fade-hr-appear-active,.ab-trigger-fade-hr-enter-active{transform:scaleY(1)}.ab-trigger-fade-exit,.ab-trigger-fade-hr-exit{opacity:1}.ab-trigger-fade-exit-active,.ab-trigger-fade-hr-exit-active{opacity:0;transition:opacity .2s,transform .2s}.ab-trigger-fade-exit-active{transform:scale(.7)}.ab-trigger-fade-hr-exit-active{transform:scaleY(.7)}.ab-trigger-fade-exit-done,.ab-trigger-fade-hr-exit-done{display:none}.ab-select-wrap{min-width:177px;background-color:#fff;background-clip:padding-box;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex}.ab-select-wrap.ab-trigger-fade-hr-exit-done{display:none}.ab-select-inner{flex:1;width:100%;overflow:auto}.ab-select-bottom,.ab-select-content,.ab-select-title{display:flex}.ab-select-title{padding:.09rem 0;background-color:transparent;cursor:context-menu;border-bottom:1px solid #d7d7d7;font-weight:700;color:#606060;font-size:.12rem;margin:0 .1rem}.ab-select-col{font-size:.12rem;padding-right:.07rem;flex:auto}.ab-select-col:last-child{padding-right:0}.ab-select-col>li{padding:.08rem .11rem;cursor:pointer}.ab-select-col>li:hover{background-color:#eee}.ab-select-col>li.ab-select-active{background-color:#e6f7ff}.ab-select-col>li.ab-select-unselect{background-color:transparent;cursor:context-menu}.ab-select-input-group{position:relative;overflow:hidden}.ab-select-input-control{appearance:none;outline:0;user-select:none;width:100%;border:1px solid #ccc;border-radius:2px;resize:none;transition:.2s;background-color:#fff;text-overflow:ellipsis;padding:.08rem .28rem .07rem .07rem;font-size:.14rem;white-space:nowrap;overflow:hidden;max-width:100%;cursor:pointer}.ab-select-input-control.ab-select-focused{box-shadow:0 0 4px rgba(52,143,238,.8);border-color:rgba(52,143,238,.8)}.ab-select-input-control.ab-select-empty{color:#888}.ab-select-input-control.error{background-color:#fffacd}.ab-select-icon{position:absolute;right:.21rem;top:50%;color:#ccc;font-size:0;transform:translate(100%,-50%);transition:transform .2s}.ab-select-icon svg{font-size:.12rem}.ab-select-active .ab-select-icon{transform:translate(100%,-50%) rotate(180deg)}@media only screen and (max-width:767px){.ab-select-content{display:block}.ab-select-input-control{padding:.1rem .05rem;font-size:.14rem}.ab-select-col{padding-right:0}}
+.ab-trigger-wrap{position:absolute;top:0;left:0;z-index:101}.ab-trigger-wrap.ab-trigger-hidden{display:none}.ab-trigger-mask{position:fixed;top:0;left:0;bottom:0;right:0;z-index:101;background-color:transparent;display:none}.ab-trigger-mask.ab-trigger-mask-show{display:block}.ab-trigger-fade-appear,.ab-trigger-fade-enter,.ab-trigger-fade-hr-appear,.ab-trigger-fade-hr-enter{opacity:0}.ab-trigger-fade-appear,.ab-trigger-fade-enter{transform:scale(.7)}.ab-trigger-fade-hr-appear,.ab-trigger-fade-hr-enter{opacity:0;transform:scaleY(.7)}.ab-trigger-fade-appear-active,.ab-trigger-fade-enter-active,.ab-trigger-fade-hr-appear-active,.ab-trigger-fade-hr-enter-active{opacity:1;transition:opacity .2s,transform .2s}.ab-trigger-fade-appear-active,.ab-trigger-fade-enter-active{transform:scale(1)}.ab-trigger-fade-hr-appear-active,.ab-trigger-fade-hr-enter-active{transform:scaleY(1)}.ab-trigger-fade-exit,.ab-trigger-fade-hr-exit{opacity:1}.ab-trigger-fade-exit-active,.ab-trigger-fade-hr-exit-active{opacity:0;transition:opacity .2s,transform .2s}.ab-trigger-fade-exit-active{transform:scale(.7)}.ab-trigger-fade-hr-exit-active{transform:scaleY(.7)}.ab-trigger-fade-exit-done,.ab-trigger-fade-hr-exit-done{display:none}.ab-select-wrap{min-width:177px;background-color:#fff;background-clip:padding-box;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);display:flex}.ab-select-wrap.ab-trigger-fade-hr-exit-done{display:none}.ab-select-inner{flex:1;width:100%;overflow:auto}.ab-select-bottom,.ab-select-content,.ab-select-title{display:flex}.ab-select-title{padding:.09rem 0;background-color:transparent;cursor:context-menu;border-bottom:1px solid #d7d7d7;font-weight:700;color:#606060;font-size:.12rem;margin:0 .1rem}.ab-select-col{font-size:.12rem;padding-right:.07rem;flex:auto}.ab-select-col:last-child{padding-right:0}.ab-select-col>li{padding:.08rem .11rem;cursor:pointer}.ab-select-col>li:hover{background-color:#eee}.ab-select-col>li.ab-select-active{background-color:#e6f7ff}.ab-select-col>li.ab-select-unselect{background-color:transparent;cursor:context-menu}.ab-select-input-group{position:relative;overflow:hidden;cursor:pointer}.ab-select-input-control{appearance:none;outline:0;user-select:none;width:100%;border:1px solid #ccc;border-radius:2px;resize:none;transition:.2s;background-color:#fff;text-overflow:ellipsis;padding:.08rem .28rem .07rem .07rem;font-size:.14rem;white-space:nowrap;overflow:hidden;max-width:100%}.ab-select-input-control.ab-select-focused{box-shadow:0 0 4px rgba(52,143,238,.8);border-color:rgba(52,143,238,.8)}.ab-select-input-control.ab-select-empty{color:#888}.ab-select-input-control.error{background-color:#fffacd}.ab-select-icon{position:absolute;right:.21rem;top:50%;color:#ccc;font-size:0;transform:translate(100%,-50%);transition:transform .2s}.ab-select-icon svg{font-size:.12rem}.ab-select-active .ab-select-icon{transform:translate(100%,-50%) rotate(180deg)}@media only screen and (max-width:767px){.ab-select-content{display:block}.ab-select-input-control{padding:.1rem .05rem;font-size:.14rem}.ab-select-col{padding-right:0}}