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

package/esm/table/index.js

@@ -103,6 +103,7 @@ var Table = /** @class */function (_super) {
                 var scrollBarTh = headerRef.querySelector('thead > tr > th:last-child');
                 if (scrollBarTh) {
                   scrollBarTh.parentNode.removeChild(scrollBarTh);
+                  _this.scrollBarThAdded = false;
                 }
               }
             }

package/esm/table/style/index.css

@@ -1 +1 @@
-.ab-svg-loading{display:inline-block}.ab-svg-loading-icon{display:block;width:.31rem;height:.31rem;animation:1s linear infinite reverse loading}@keyframes loading{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.ab-loading-container{position:relative}.ab-loading-container-active{user-select:none;pointer-events:none}.ab-loading-container-icon-box{position:absolute;background-color:rgba(255,255,255,.7);top:0;left:0;z-index:4;display:block;width:100%;height:100%}.ab-loading-container-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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-table{overflow-x:auto}.ab-table-table{border-spacing:0;width:100%;table-layout:fixed;border-collapse:collapse}.ab-table-header{overflow:hidden}.ab-table-body{overflow:auto}.ab-table-checkbox{width:.32rem;text-align:center}.ab-table-checkbox-col{width:.32rem}.ab-table-point{cursor:pointer}.ab-table-title{display:flex;align-items:center;text-align:left}.ab-table-arrow{font-size:.16rem;color:#fff;padding:0 .05rem}
+.ab-svg-loading{display:inline-block}.ab-svg-loading-icon{display:block;width:.31rem;height:.31rem;animation:1s linear infinite reverse loading}@keyframes loading{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}.ab-loading-container{position:relative}.ab-loading-container-active{user-select:none;pointer-events:none}.ab-loading-container-icon-box{position:absolute;background-color:rgba(255,255,255,.7);top:0;left:0;z-index:4;display:block;width:100%;height:100%}.ab-loading-container-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.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}.ab-table{overflow-x:auto}.ab-table-table{border-spacing:0;width:100%;table-layout:fixed;border-collapse:collapse}.ab-table-header{overflow:hidden}.ab-table-body{overflow:auto}.ab-table-checkbox{width:.32rem;text-align:center}.ab-table-checkbox-col{width:.32rem}.ab-table-point{cursor:pointer}.ab-table-title{display:flex;align-items:center;text-align:left}.ab-table-arrow{font-size:.16rem;color:#fff;padding:0 .05rem}

package/lib/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/lib/checkbox/Checkbox.js

@@ -0,0 +1,128 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var __extends = void 0 && (void 0).__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 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.default.createElement("span", {
+        className: (0, _classnames.default)(cls, className, "".concat(cls, "-").concat(theme), (_a = {}, _a["".concat(cls, "-checked")] = visible, _a["".concat(cls, "-disabled")] = disabled, _a))
+      }, /*#__PURE__*/_react.default.createElement("input", {
+        className: "".concat(cls, "-input"),
+        type: "checkbox",
+        onChange: _this.onVisibleChange
+      }), /*#__PURE__*/_react.default.createElement("span", {
+        className: "".concat(cls, "-inner"),
+        style: innerStyle
+      }, /*#__PURE__*/_react.default.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.default.createElement("label", {
+      onClick: this.onClick,
+      className: (0, _classnames.default)("".concat(cls, "-wrap"), className, (_a = {}, _a["".concat(cls, "-reverse")] = reverse, _a["".concat(cls, "-disabled")] = disabled, _a))
+    }, this.renderBox(), children ? /*#__PURE__*/_react.default.createElement("span", {
+      className: "".concat(cls, "-content")
+    }, children) : null);
+  };
+  Checkbox.defaultProps = {
+    size: 16,
+    disabled: false,
+    defaultChecked: false,
+    reverse: false,
+    theme: 'white'
+  };
+  return Checkbox;
+}(_react.default.Component);
+var _default = Checkbox;
+exports.default = _default;

package/lib/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/lib/checkbox/CheckboxGroup.js

@@ -0,0 +1,65 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("@autobest-ui/utils");
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var __assign = void 0 && (void 0).__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);
+};
+function getCheckboxProp(checkboxProp, checkboxGroupProp) {
+  return (0, _utils.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 ((0, _utils.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.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(cls, "-group"), className)
+  }, options.map(function (item) {
+    return /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+      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);
+  }));
+};
+var _default = CheckboxGroup;
+exports.default = _default;

package/lib/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/lib/checkbox/index.js

@@ -4,119 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var __extends = void 0 && (void 0).__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 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.default.createElement("span", {
-        className: (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-checked")] = visible, _a["".concat(cls, "-disabled")] = disabled, _a))
-      }, /*#__PURE__*/_react.default.createElement("input", {
-        className: "".concat(cls, "-input"),
-        type: "checkbox",
-        onChange: _this.onVisibleChange
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(cls, "-inner"),
-        style: innerStyle
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "".concat(cls, "-icon"),
-        style: iconStyle
-      })));
-    };
-    _this.state = {
-      visible: props.checked || props.defaultChecked
-    };
-    return _this;
+Object.defineProperty(exports, "Checkbox", {
+  enumerable: true,
+  get: function get() {
+    return _Checkbox.default;
   }
-  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.default.createElement("label", {
-      className: (0, _classnames.default)("".concat(cls, "-wrap"), className, (_a = {}, _a["".concat(cls, "-reverse")] = reverse, _a["".concat(cls, "-disabled")] = disabled, _a))
-    }, this.renderBox(), children ? /*#__PURE__*/_react.default.createElement("span", {
-      className: "".concat(cls, "-content")
-    }, children) : null);
-  };
-  Checkbox.defaultProps = {
-    size: 16,
-    disabled: false,
-    defaultChecked: false,
-    reverse: false
-  };
-  return Checkbox;
-}(_react.default.Component);
-var _default = Checkbox;
-exports.default = _default;
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function get() {
+    return _CheckboxGroup.default;
+  }
+});
+var _Checkbox = _interopRequireDefault(require("./Checkbox"));
+var _CheckboxGroup = _interopRequireDefault(require("./CheckboxGroup"));

package/lib/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/lib/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/lib/ellipsis/index.js

@@ -22,34 +22,34 @@ var __assign = void 0 && (void 0).__assign || function () {
 };
 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 = (0, _classnames.default)(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 = (0, _classnames.default)(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 (!(0, _reactIs.isFragment)(children) && (0, _reactIs.isElement)(children)) {
     var child = children;
     return /*#__PURE__*/_react.default.cloneElement(child, __assign(__assign({}, titleParam), {
       className: (0, _classnames.default)(wrapCls, child.props.className),
-      style: __assign(__assign({}, style), child.props.style)
+      style: __assign(__assign(__assign({}, style), lineStyle), child.props.style)
     }));
   }
   return /*#__PURE__*/_react.default.createElement("span", __assign({
     className: wrapCls
   }, titleParam, {
-    style: style
+    style: __assign(__assign({}, style), lineStyle)
   }), children);
 }
 var _default = /*#__PURE__*/_react.default.memo(Ellipsis);

package/lib/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/lib/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/lib/index.js

@@ -26,7 +26,13 @@ Object.defineProperty(exports, "Carousel", {
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
   get: function get() {
-    return _checkbox.default;
+    return _checkbox.Checkbox;
+  }
+});
+Object.defineProperty(exports, "CheckboxGroup", {
+  enumerable: true,
+  get: function get() {
+    return _checkbox.CheckboxGroup;
   }
 });
 Object.defineProperty(exports, "Collapse", {
@@ -227,7 +233,7 @@ var _input = require("./input");
 var _inputNumber = _interopRequireDefault(require("./input-number"));
 var _lazyImage = _interopRequireDefault(require("./lazy-image"));
 var _linkList = _interopRequireDefault(require("./link-list"));
-var _checkbox = _interopRequireDefault(require("./checkbox"));
+var _checkbox = require("./checkbox");
 var _script = _interopRequireDefault(require("./script"));
 var _message = _interopRequireWildcard(require("./message"));
 var _table = _interopRequireDefault(require("./table"));