@autobest-ui/components 3.0.0-alpha.6 → 3.0.0-alpha.8

package/esm/loading-container/index.js

@@ -31,17 +31,25 @@ var LoadingContainer = /** @class */function (_super) {
     _this.prefixCls = 'ab-loading-container';
     _this.wrapRef = /*#__PURE__*/createRef();
     _this.iconRef = /*#__PURE__*/createRef();
-    _this.addScrollListener = function () {
+    _this.addListener = function () {
       if (!_this.addScrollHandlerListener) {
         // 滚动监听
         _this.addScrollHandlerListener = addEventListener(window, 'scroll', throttleWithRAF(_this.onHandlerScroll));
       }
+      if (!_this.addResizeHandlerListener) {
+        // resize监听
+        _this.addResizeHandlerListener = addEventListener(window, 'resize', throttleWithRAF(_this.onHandlerScroll));
+      }
     };
-    _this.removeScrollListener = function () {
+    _this.removeListener = function () {
       if (_this.addScrollHandlerListener) {
         _this.addScrollHandlerListener();
         _this.addScrollHandlerListener = null;
       }
+      if (_this.addResizeHandlerListener) {
+        _this.addResizeHandlerListener();
+        _this.addResizeHandlerListener = null;
+      }
     };
     _this.setIconTopStyle = function (top) {
       _this.iconRef.current.style.top = top;
@@ -71,36 +79,39 @@ var LoadingContainer = /** @class */function (_super) {
         _this.setIconTopStyle("".concat(window.innerHeight / 2 - top, "px"));
         return;
       }
+      var spaceToBorder = _this.props.spaceToBorder;
       if (top < 0) {
         // 组件上半部分超出可视区域
         var iconTop_1 = bottom / 2 - top;
-        _this.setIconTopStyle("".concat(iconTop_1 > height - halfIconHeight ? height - halfIconHeight : iconTop_1, "px"));
+        var maxTop = height - halfIconHeight - spaceToBorder;
+        _this.setIconTopStyle("".concat(iconTop_1 > maxTop ? maxTop : iconTop_1, "px"));
         return;
       }
       // 组件下半部分超出可视区域
       var iconTop = (window.innerHeight - top) / 2;
-      _this.setIconTopStyle("".concat(iconTop < halfIconHeight ? halfIconHeight : iconTop, "px"));
+      var minTop = halfIconHeight + spaceToBorder;
+      _this.setIconTopStyle("".concat(iconTop < minTop ? minTop : iconTop, "px"));
     };
     return _this;
   }
   LoadingContainer.prototype.componentDidMount = function () {
     if (this.props.loadingInView && this.props.loading) {
       this.onHandlerScroll();
-      this.addScrollListener();
+      this.addListener();
     }
   };
   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();
+        this.addListener();
         return;
       }
-      this.removeScrollListener();
+      this.removeListener();
     }
   };
   LoadingContainer.prototype.componentWillUnmount = function () {
-    this.removeScrollListener();
+    this.removeListener();
   };
   LoadingContainer.prototype.render = function () {
     var _a;
@@ -120,6 +131,9 @@ var LoadingContainer = /** @class */function (_super) {
       ref: this.iconRef
     })));
   };
+  LoadingContainer.defaultProps = {
+    spaceToBorder: 0
+  };
   return LoadingContainer;
 }(React.Component);
 export default LoadingContainer;

package/{lib/scroll-container → esm/scrollbar}/index.d.ts

@@ -4,7 +4,7 @@ export declare enum ScrollbarSize {
     Medium = "md",
     Large = "lg"
 }
-export interface ScrollContainerProps extends React.HtmlHTMLAttributes<HTMLElement> {
+export interface ScrollbarProps extends React.HtmlHTMLAttributes<HTMLElement> {
     /**
      * 滚动内容
      */
@@ -38,13 +38,13 @@ export interface ScrollContainerProps extends React.HtmlHTMLAttributes<HTMLEleme
      */
     isHiddenBar?: boolean;
 }
-interface ScrollContainerNotRefProps extends ScrollContainerProps {
+interface ScrollbarNotRefProps extends ScrollbarProps {
     /**
      * 此属性可以忽略， storybook问题
      */
     upperRef: React.Ref<HTMLElement>;
 }
-export declare class ScrollContainerNotRef extends React.Component<ScrollContainerNotRefProps> {
+export declare class ScrollbarNotRef extends React.Component<ScrollbarNotRefProps> {
     static defaultProps: {
         tagName: string;
         isHiddenBar: boolean;
@@ -54,9 +54,7 @@ export declare class ScrollContainerNotRef extends React.Component<ScrollContain
     };
     prefixCls: string;
     wrapRef: React.RefObject<HTMLElement>;
-    contentRef: React.RefObject<HTMLDivElement>;
-    getMarginValueBySize: () => "0" | "0.12rem" | "0.08rem" | "0.06rem";
     render(): JSX.Element;
 }
-declare const ScrollContainer: React.ForwardRefExoticComponent<ScrollContainerProps & React.RefAttributes<HTMLElement>>;
-export default ScrollContainer;
+declare const Scrollbar: React.ForwardRefExoticComponent<ScrollbarProps & React.RefAttributes<HTMLElement>>;
+export default Scrollbar;

package/esm/{scroll-container → scrollbar}/index.js

@@ -51,28 +51,15 @@ export var ScrollbarSize;
   ScrollbarSize["Medium"] = "md";
   ScrollbarSize["Large"] = "lg";
 })(ScrollbarSize || (ScrollbarSize = {}));
-var ScrollContainerNotRef = /** @class */function (_super) {
-  __extends(ScrollContainerNotRef, _super);
-  function ScrollContainerNotRef() {
+var ScrollbarNotRef = /** @class */function (_super) {
+  __extends(ScrollbarNotRef, _super);
+  function ScrollbarNotRef() {
     var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.prefixCls = 'ab-scroll';
+    _this.prefixCls = 'ab-scrollbar';
     _this.wrapRef = /*#__PURE__*/React.createRef();
-    _this.contentRef = /*#__PURE__*/React.createRef();
-    _this.getMarginValueBySize = function () {
-      switch (_this.props.size) {
-        case ScrollbarSize.Large:
-          return '0.12rem';
-        case ScrollbarSize.Medium:
-          return '0.08rem';
-        case ScrollbarSize.Small:
-          return '0.06rem';
-        default:
-          return '0';
-      }
-    };
     return _this;
   }
-  ScrollContainerNotRef.prototype.render = function () {
+  ScrollbarNotRef.prototype.render = function () {
     var _a;
     var _b = this.props,
       children = _b.children,
@@ -94,23 +81,21 @@ var ScrollContainerNotRef = /** @class */function (_super) {
       className: classNames(cls, className, "".concat(cls, "-").concat(size), (_a = {}, _a["".concat(cls, "-hidden")] = isHiddenBar, _a["".concat(cls, "-x")] = isScrollX, _a["".concat(cls, "-y")] = isScrollY, _a["".concat(cls, "-retain")] = isRetainScrollBarWidth, _a)),
       onScroll: onScroll,
       style: style
-    }), /*#__PURE__*/React.createElement("div", {
-      ref: this.contentRef
-    }, children));
+    }), children);
   };
-  ScrollContainerNotRef.defaultProps = {
+  ScrollbarNotRef.defaultProps = {
     tagName: 'div',
     isHiddenBar: false,
     isRetainScrollBarWidth: false,
     isScrollY: true,
     size: ScrollbarSize.Medium
   };
-  return ScrollContainerNotRef;
+  return ScrollbarNotRef;
 }(React.Component);
-export { ScrollContainerNotRef };
-var ScrollContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(ScrollContainerNotRef, __assign({}, props, {
+export { ScrollbarNotRef };
+var Scrollbar = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(ScrollbarNotRef, __assign({}, props, {
     upperRef: ref
   }), props.children);
 });
-export default ScrollContainer;
+export default Scrollbar;

package/esm/scrollbar/style/index.css

@@ -0,0 +1 @@
+.ab-scrollbar-retain{scrollbar-gutter:stable}.ab-scrollbar::-webkit-scrollbar-track{background-color:transparent}.ab-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.ab-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.ab-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}.ab-scrollbar::-webkit-scrollbar-track:hover{background-color:rgba(248,248,248,.5)}.ab-scrollbar-x{overflow-x:auto}.ab-scrollbar-x.ab-scrollbar-sm::-webkit-scrollbar{height:.06rem}.ab-scrollbar-x.ab-scrollbar-md::-webkit-scrollbar{height:.08rem}.ab-scrollbar-x.ab-scrollbar-lg::-webkit-scrollbar{height:.12rem}.ab-scrollbar-y{overflow-y:auto}.ab-scrollbar-y.ab-scrollbar-sm::-webkit-scrollbar{width:.06rem}.ab-scrollbar-y.ab-scrollbar-md::-webkit-scrollbar{width:.08rem}.ab-scrollbar-y.ab-scrollbar-lg::-webkit-scrollbar{width:.12rem}.ab-scrollbar-sm::-webkit-scrollbar-thumb{border-radius:.06rem}.ab-scrollbar-md::-webkit-scrollbar-thumb{border-radius:.08rem}.ab-scrollbar-lg::-webkit-scrollbar-thumb{border-radius:.12rem}.ab-scrollbar-hidden{scrollbar-width:none}.ab-scrollbar-hidden::-webkit-scrollbar{display:none}@media only screen and (max-width:767px){.ab-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(144,144,144,.4) transparent}.ab-scrollbar::-webkit-scrollbar-thumb,.ab-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(144,144,144,.4)}.ab-scrollbar::-webkit-scrollbar-track:hover{background-color:transparent}.ab-scrollbar.ab-scrollbar-lg::-webkit-scrollbar-thumb,.ab-scrollbar.ab-scrollbar-md::-webkit-scrollbar-thumb,.ab-scrollbar.ab-scrollbar-sm::-webkit-scrollbar-thumb{border-radius:0}.ab-scrollbar-x.ab-scrollbar-lg::-webkit-scrollbar,.ab-scrollbar-x.ab-scrollbar-md::-webkit-scrollbar,.ab-scrollbar-x.ab-scrollbar-sm::-webkit-scrollbar{height:.04rem}.ab-scrollbar-y.ab-scrollbar-lg::-webkit-scrollbar,.ab-scrollbar-y.ab-scrollbar-md::-webkit-scrollbar,.ab-scrollbar-y.ab-scrollbar-sm::-webkit-scrollbar{width:.04rem}}

package/esm/select/index.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactElement } from 'react';
 import { AddListenerEventRemoveHandler } from '@autobest-ui/utils';
 import { TriggerProps } from '../trigger';
-import { ScrollContainerProps } from '../scroll-container';
+import { ScrollbarProps } from '../scrollbar';
 declare type Value = string | number | null;
 declare type NameValue = React.ReactChild | null;
 export interface SelectOptionItem {
@@ -12,7 +12,7 @@ export interface SelectOptionItem {
     className?: string;
 }
 export declare type SelectPlacement = 'BottomLeft' | 'TopLeft' | 'BottomRight' | 'TopRight';
-export interface SelectProps extends Pick<TriggerProps, 'windowResizeHidden' | 'monitorWindowResize'>, Pick<ScrollContainerProps, 'isRetainScrollBarWidth'> {
+export interface SelectProps extends Pick<TriggerProps, 'windowResizeHidden' | 'monitorWindowResize'>, Pick<ScrollbarProps, 'isRetainScrollBarWidth'> {
     /**
      * 下拉列表数据
      */
@@ -101,6 +101,7 @@ declare class Select extends React.Component<SelectProps, SelectStates> {
     prefixCls: string;
     keydownHandler: AddListenerEventRemoveHandler;
     popupContentRef: React.RefObject<HTMLDivElement>;
+    scrollbarRef: React.RefObject<HTMLDivElement>;
     static defaultProps: {
         title: any;
         icon: JSX.Element;

package/esm/select/index.js

@@ -55,7 +55,7 @@ import React from 'react';
 import classNames from 'classnames';
 import { addEventListener, isBlank } from '@autobest-ui/utils';
 import Trigger from '../trigger';
-import ScrollContainer, { ScrollbarSize } from '../scroll-container';
+import Scrollbar, { ScrollbarSize } from '../scrollbar';
 var Select = /** @class */function (_super) {
   __extends(Select, _super);
   function Select(props) {
@@ -63,6 +63,7 @@ var Select = /** @class */function (_super) {
     _this.prefixCls = 'ab-select';
     _this.keydownHandler = null;
     _this.popupContentRef = /*#__PURE__*/React.createRef();
+    _this.scrollbarRef = /*#__PURE__*/React.createRef();
     /**
      * 当支持过滤时，绑定过滤事件
      */
@@ -94,16 +95,13 @@ var Select = /** @class */function (_super) {
               onFilterChange_1(findItem_1, name_1);
             }
             // 通过搜索选择的，将滚动到该元素位置
-            var element = _this.popupContentRef.current;
-            if (element && element.parentNode) {
-              var elementParentNode = element.parentNode;
-              if (elementParentNode) {
-                var activeElement = elementParentNode.querySelector(".".concat(_this.prefixCls, "-active"));
-                if (activeElement) {
-                  // scrollIntoView有问题，设置block为start会带动全局的滚动条
-                  elementParentNode.scrollTop = activeElement.offsetTop;
-                  elementParentNode.scrollLeft = activeElement.offsetLeft;
-                }
+            var element = _this.scrollbarRef.current;
+            if (element) {
+              var activeElement = element.querySelector(".".concat(_this.prefixCls, "-active"));
+              if (activeElement) {
+                // scrollIntoView有问题，设置block为start会带动全局的滚动条
+                element.scrollTop = activeElement.offsetTop;
+                element.scrollLeft = activeElement.offsetLeft;
               }
             }
           });
@@ -256,10 +254,11 @@ var Select = /** @class */function (_super) {
     var _this = this;
     var cls = this.prefixCls;
     var filterItem = this.state.filterItem;
-    return /*#__PURE__*/React.createElement(ScrollContainer, {
+    return /*#__PURE__*/React.createElement(Scrollbar, {
       isRetainScrollBarWidth: this.props.isRetainScrollBarWidth,
       isScrollX: true,
       isScrollY: true,
+      ref: this.scrollbarRef,
       size: ScrollbarSize.Small,
       className: "".concat(cls, "-inner")
     }, this.renderTitle(), /*#__PURE__*/React.createElement("div", {

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-scroll-retain{scrollbar-gutter:stable}.ab-scroll::-webkit-scrollbar-track{background-color:transparent}.ab-scroll::-webkit-scrollbar-corner{background-color:transparent}.ab-scroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.ab-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}.ab-scroll::-webkit-scrollbar-track:hover{background-color:rgba(248,248,248,.5)}.ab-scroll-x{overflow-x:auto}.ab-scroll-x.ab-scroll-sm::-webkit-scrollbar{height:.06rem}.ab-scroll-x.ab-scroll-md::-webkit-scrollbar{height:.08rem}.ab-scroll-x.ab-scroll-lg::-webkit-scrollbar{height:.12rem}.ab-scroll-y{overflow-y:auto}.ab-scroll-y.ab-scroll-sm::-webkit-scrollbar{width:.06rem}.ab-scroll-y.ab-scroll-md::-webkit-scrollbar{width:.08rem}.ab-scroll-y.ab-scroll-lg::-webkit-scrollbar{width:.12rem}.ab-scroll-sm::-webkit-scrollbar-thumb{border-radius:.06rem}.ab-scroll-md::-webkit-scrollbar-thumb{border-radius:.08rem}.ab-scroll-lg::-webkit-scrollbar-thumb{border-radius:.12rem}.ab-scroll-hidden{scrollbar-width:none}.ab-scroll-hidden::-webkit-scrollbar{display:none}@media only screen and (max-width:767px){.ab-scroll{scrollbar-width:thin;scrollbar-color:rgba(144,144,144,.4) transparent}.ab-scroll::-webkit-scrollbar-thumb,.ab-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(144,144,144,.4)}.ab-scroll::-webkit-scrollbar-track:hover{background-color:transparent}.ab-scroll.ab-scroll-lg::-webkit-scrollbar-thumb,.ab-scroll.ab-scroll-md::-webkit-scrollbar-thumb,.ab-scroll.ab-scroll-sm::-webkit-scrollbar-thumb{border-radius:0}.ab-scroll-x.ab-scroll-lg::-webkit-scrollbar,.ab-scroll-x.ab-scroll-md::-webkit-scrollbar,.ab-scroll-x.ab-scroll-sm::-webkit-scrollbar{height:.04rem}.ab-scroll-y.ab-scroll-lg::-webkit-scrollbar,.ab-scroll-y.ab-scroll-md::-webkit-scrollbar,.ab-scroll-y.ab-scroll-sm::-webkit-scrollbar{width:.04rem}}.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%}.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;display:flex;align-items:center;border:1px solid #ccc;cursor:pointer;border-radius:.02rem;user-select:none;padding:.08rem .07rem;font-size:.12rem;background-color:#fff;transition:.2s}.ab-select-input-group.ab-select-active,.ab-select-input-group.ab-select-enter{border-color:#348fee}.ab-select-input-group.ab-select-active{box-shadow:0 0 2px rgba(52,143,238,.8)}.ab-select-input-group.ab-select-empty{color:#888}.ab-select-input-group.ab-select-disabled{cursor:not-allowed}.ab-select-input-control{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ab-select-icon{position:relative;margin-left:.04rem;width:.14rem;height:.14rem}.ab-select-icon svg{position:absolute;left:50%;top:50%;color:#ccc;font-size:.12rem;transition:transform .2s;transform:translate(-50%,-50%)}.ab-select-active .ab-select-icon svg{transform:translate(-50%,-50%) rotate(180deg)}@media only screen and (max-width:767px){.ab-select-content{display:block}.ab-select-input-group{font-size:.14rem;padding:.1rem .07rem}.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-scrollbar-retain{scrollbar-gutter:stable}.ab-scrollbar::-webkit-scrollbar-track{background-color:transparent}.ab-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.ab-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.ab-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}.ab-scrollbar::-webkit-scrollbar-track:hover{background-color:rgba(248,248,248,.5)}.ab-scrollbar-x{overflow-x:auto}.ab-scrollbar-x.ab-scrollbar-sm::-webkit-scrollbar{height:.06rem}.ab-scrollbar-x.ab-scrollbar-md::-webkit-scrollbar{height:.08rem}.ab-scrollbar-x.ab-scrollbar-lg::-webkit-scrollbar{height:.12rem}.ab-scrollbar-y{overflow-y:auto}.ab-scrollbar-y.ab-scrollbar-sm::-webkit-scrollbar{width:.06rem}.ab-scrollbar-y.ab-scrollbar-md::-webkit-scrollbar{width:.08rem}.ab-scrollbar-y.ab-scrollbar-lg::-webkit-scrollbar{width:.12rem}.ab-scrollbar-sm::-webkit-scrollbar-thumb{border-radius:.06rem}.ab-scrollbar-md::-webkit-scrollbar-thumb{border-radius:.08rem}.ab-scrollbar-lg::-webkit-scrollbar-thumb{border-radius:.12rem}.ab-scrollbar-hidden{scrollbar-width:none}.ab-scrollbar-hidden::-webkit-scrollbar{display:none}@media only screen and (max-width:767px){.ab-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(144,144,144,.4) transparent}.ab-scrollbar::-webkit-scrollbar-thumb,.ab-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(144,144,144,.4)}.ab-scrollbar::-webkit-scrollbar-track:hover{background-color:transparent}.ab-scrollbar.ab-scrollbar-lg::-webkit-scrollbar-thumb,.ab-scrollbar.ab-scrollbar-md::-webkit-scrollbar-thumb,.ab-scrollbar.ab-scrollbar-sm::-webkit-scrollbar-thumb{border-radius:0}.ab-scrollbar-x.ab-scrollbar-lg::-webkit-scrollbar,.ab-scrollbar-x.ab-scrollbar-md::-webkit-scrollbar,.ab-scrollbar-x.ab-scrollbar-sm::-webkit-scrollbar{height:.04rem}.ab-scrollbar-y.ab-scrollbar-lg::-webkit-scrollbar,.ab-scrollbar-y.ab-scrollbar-md::-webkit-scrollbar,.ab-scrollbar-y.ab-scrollbar-sm::-webkit-scrollbar{width:.04rem}}.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%}.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;display:flex;align-items:center;border:1px solid #ccc;cursor:pointer;border-radius:.02rem;user-select:none;padding:.08rem .07rem;font-size:.12rem;background-color:#fff;transition:.2s}.ab-select-input-group.ab-select-active,.ab-select-input-group.ab-select-enter{border-color:#348fee}.ab-select-input-group.ab-select-active{box-shadow:0 0 2px rgba(52,143,238,.8)}.ab-select-input-group.ab-select-empty{color:#888}.ab-select-input-group.ab-select-disabled{cursor:not-allowed}.ab-select-input-control{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ab-select-icon{position:relative;margin-left:.04rem;width:.14rem;height:.14rem}.ab-select-icon svg{position:absolute;left:50%;top:50%;color:#ccc;font-size:.12rem;transition:transform .2s;transform:translate(-50%,-50%)}.ab-select-active .ab-select-icon svg{transform:translate(-50%,-50%) rotate(180deg)}@media only screen and (max-width:767px){.ab-select-content{display:block}.ab-select-input-group{font-size:.14rem;padding:.1rem .07rem}.ab-select-col{padding-right:0}}

package/esm/style.css

@@ -1 +1 @@
-a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{box-sizing:border-box}html{font-size:100px;font-family:Arial,sans-serif;touch-action:manipulation}@media only screen and (max-width:767px){html{font-size:100px}}body{font-size:.12rem;color:#333;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}input{outline:0}li,ul{padding:0;margin:0;list-style:none}.ab-affix,.ab-affix-custom{z-index:100}.ab-affix-custom{position:fixed;transition:transform .2s cubic-bezier(.7,.3,.1,1)}.ab-affix-fade-appear,.ab-affix-fade-enter{transform:translate(0,-100%)}.ab-affix-fade-appear-active,.ab-affix-fade-enter-active,.ab-affix-fade-exit{transform:translate(0,0)}.ab-affix-fade-exit-active{transform:translate(0,-100%)}.ab-affix-fade-exit-done{display:none}.ab-carousel{position:relative}.ab-carousel-content{position:relative;display:block;height:100%;width:100%;margin:0;padding:0;overflow:hidden}.ab-carousel-list{user-select:none;position:relative;top:0;left:0;display:block;overflow:hidden}.ab-carousel-slider{outline:0;overflow:hidden;float:left;display:none}.ab-carousel.ab-carousel-init .ab-carousel-slider{display:block}.ab-collapse{transform-origin:left top;transition:opacity .2s,height .2s}.ab-collapse-hidden{height:0;overflow:hidden}.ab-collapse-fade-enter{opacity:.8;overflow:hidden}.ab-collapse-fade-enter-active{opacity:1;overflow:hidden}.ab-collapse-fade-enter-done{opacity:1;overflow:initial}.ab-collapse-fade-exit{opacity:1;overflow:hidden}.ab-collapse-fade-exit-active{opacity:.8;overflow:hidden}.ab-collapse-fade-exit-done{display:none;overflow:initial}.ab-confirm-btns{display:flex;justify-content:flex-end;padding-top:.42rem}.ab-confirm-cancel,.ab-confirm-ok{overflow:hidden;position:relative;font-size:.12rem;border-width:1px;border-style:solid;outline:0;cursor:pointer;font-weight:700;padding:.05rem .3rem;display:inline-block;color:#fff;margin-left:.3rem}.ab-confirm-ok{border-color:#bc0000;background:linear-gradient(180deg,#c00000 0,#c00000 0,#a00000 100%,#a00000 100%)}.ab-confirm-ok:hover{border-color:#bc0000;background:#bc0000}.ab-confirm-cancel{border-color:grey;background:linear-gradient(180deg,#909090 0,#909090 0,#707070 100%,#707070 100%)}.ab-confirm-cancel:hover{border-color:grey;background:grey}.ab-dp-cal{display:flex}.ab-dp-cal-my{padding-left:.12rem;margin-left:.12rem;border-left:1px solid #b0b0b0}.ab-dp-cal-day,.ab-dp-cal-my{width:2.1rem}.ab-dp-cal-dis{color:#c8c8c8}.ab-dp-cal-dg>ul>li{width:14.28%;height:.28rem}.ab-dp-cal-dg>ul>li.ab-dp-cal-out{color:#666}.ab-dp-cal-myg{padding-bottom:.62rem}.ab-dp-cal-myg>ul{justify-content:space-between}.ab-dp-cal-myg>ul>li{width:.4rem;height:.4rem;margin-bottom:.1rem}.ab-dp-cal-t{cursor:pointer;position:absolute;right:.08rem;bottom:.3rem}.ab-dp-cal-t.ab-dp-cal-t-dis{color:#b0b0b0;cursor:default}.ab-date-picker{position:relative}.ab-date-picker-input{outline:0;font-size:.14rem;padding:.04rem;width:1.44rem}.ab-date-picker-input.ab-date-picker-error{background:#fffacd}.ab-date-picker-icon{color:#606060;position:absolute;right:.05rem;top:50%;transform:translateY(-50%)}.ab-drawer{position:fixed;z-index:101;background-color:#fff;overflow:auto;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ab-drawer-times{position:absolute;right:.17rem;font-size:.16rem;color:#b0b0b0;cursor:pointer;top:.11rem}.ab-drawer-times:hover{color:#333}.ab-drawer-tf-top{transform:translate(0,-100%)}.ab-drawer-tf-bottom{transform:translate(0,100%)}.ab-drawer-tf-left{transform:translate(-100%,0)}.ab-drawer-tf-right{transform:translate(100%,0)}.ab-drawer-hidden.ab-drawer,.ab-drawer-hidden.ab-mask{display:none}.ab-ellipsis{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical}.ab-guide-mask.ab-mask{background-color:rgba(0,0,0,.7);z-index:4}.ab-guide-icon{position:absolute;z-index:5}.ab-guide-content{position:relative;z-index:6}.ab-textarea{display:flex;align-items:center;border:1px solid #ccc;position:relative;border-radius:.04rem;padding:.04rem}.ab-textarea-prefix,.ab-textarea-suffix{padding-left:.04rem;padding-right:.04rem}.ab-textarea.ab-textarea-enter,.ab-textarea.ab-textarea-focus{border-color:#348fee}.ab-textarea.ab-textarea-focus{box-shadow:0 0 4px #348fee}.ab-textarea.ab-textarea-disabled .ab-textarea-control{cursor:not-allowed}.ab-textarea-control{resize:none;appearance:none;display:block;outline:0;border:none;width:100%;padding:.02rem;background-color:transparent;font-size:inherit;line-height:1.3}.ab-textarea-suffix{position:absolute;right:0;bottom:-.2rem;color:#aaa;font-size:.13rem;padding-right:0}.ab-input-number .ab-input-suffix{padding-left:0;font-size:.08rem;position:absolute;right:0;top:0;width:.22rem;height:100%;padding-right:0;background-color:#fff;display:none;flex-direction:column;border-left:1px solid #f1f1f1}.ab-input-number-has-controls .ab-input-control{padding-right:.2rem}.ab-input-number-down,.ab-input-number-up{cursor:pointer;width:100%;height:50%;display:flex;align-items:center;justify-content:center;color:#333}.ab-input-number-down:hover,.ab-input-number-up:hover{background-color:#e2e2e2}.ab-input-number-down:active,.ab-input-number-up:active{background-color:#929292;color:#fff}.ab-input-number-up{border-bottom:1px solid #f1f1f1}.ab-input-number.ab-input-enter,.ab-input-number.ab-input-focus{border-color:#348fee}.ab-input-number.ab-input-enter .ab-input-suffix,.ab-input-number.ab-input-focus .ab-input-suffix{display:flex}.ab-input{display:flex;align-items:center;border:1px solid #ccc;overflow:hidden;position:relative;border-radius:.04rem;padding:.04rem}.ab-input-prefix,.ab-input-suffix{padding-left:.04rem;padding-right:.04rem}.ab-input.ab-input-enter,.ab-input.ab-input-focus{border-color:#348fee}.ab-input.ab-input-focus{box-shadow:0 0 4px #348fee}.ab-input.ab-input-disabled .ab-input-control{cursor:not-allowed}.ab-input-control{appearance:none;display:block;outline:0;border:none;width:100%;height:100%;padding:.02rem;background-color:transparent;font-size:inherit}.ab-link-list-title{font-size:.16rem;margin:0;padding:0 0 .12rem;display:flex;justify-content:space-between;align-items:center}.ab-link-list-icon{display:none}.ab-link-list-content{flex-wrap:wrap;width:auto;margin-right:-.15rem}.ab-link-list-content.ab-link-list-col2>a,.ab-link-list-content.ab-link-list-col2>span{min-width:calc(100% / 2 - .15rem);max-width:calc(100% / 2 - .15rem)}.ab-link-list-content.ab-link-list-col4>a,.ab-link-list-content.ab-link-list-col4>span{min-width:calc(100% / 4 - .15rem);max-width:calc(100% / 4 - .15rem)}.ab-link-list-content.ab-link-list-col5>a,.ab-link-list-content.ab-link-list-col5>span{min-width:calc(100% / 5 - .15rem);max-width:calc(100% / 5 - .15rem)}.ab-link-list-content.ab-link-list-col6>a,.ab-link-list-content.ab-link-list-col6>span{min-width:calc(100% / 6 - .15rem);max-width:calc(100% / 6 - .15rem)}.ab-link-list-content.ab-link-list-col8>a,.ab-link-list-content.ab-link-list-col8>span{min-width:calc(100% / 8 - .15rem);max-width:calc(100% / 8 - .15rem)}.ab-link-list-content>a,.ab-link-list-content>span{cursor:pointer;border:.5px solid #d0d0d0;margin-bottom:8px;display:inline-block;justify-content:space-between;align-items:center;width:100%;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.085rem .15rem .085rem .12rem;color:#333;margin-right:.15rem}.ab-link-list-content>a::after,.ab-link-list-content>span::after{content:">";position:absolute;right:.1rem;top:50%;transform:translateY(-50%);color:grey;font-size:.12rem}.ab-link-list-content>a:hover,.ab-link-list-content>span:hover{text-decoration:underline;color:#f97601}.ab-link-list-content>.ab-link-list-hidden{display:none}.ab-link-list-wrap-popover.ab-popover-wrap{max-width:3.5rem;min-width:3rem}.ab-link-list-sub-title{display:block;padding-bottom:.06rem;font-size:.12rem}.ab-link-list-sub-link{text-decoration:underline;color:#333;font-size:.12rem;padding:0 .05rem .05rem 0;display:inline-block}@media only screen and (max-width:767px){.ab-link-list-divider{border-bottom:1px solid #d0d0d0}.ab-link-list-body{height:0;width:0;overflow:hidden}.ab-link-list-body.ab-link-list-active{height:auto;width:auto}.ab-link-list-content.ab-link-list-col2>a,.ab-link-list-content.ab-link-list-col2>span,.ab-link-list-content.ab-link-list-col4>a,.ab-link-list-content.ab-link-list-col4>span,.ab-link-list-content.ab-link-list-col5>a,.ab-link-list-content.ab-link-list-col5>span,.ab-link-list-content.ab-link-list-col6>a,.ab-link-list-content.ab-link-list-col6>span,.ab-link-list-content.ab-link-list-col8>a,.ab-link-list-content.ab-link-list-col8>span{min-width:calc(50% - .15rem);max-width:calc(50% - .15rem)}.ab-link-list-icon{font-weight:700;font-size:.22rem;cursor:pointer;width:.2rem;height:.2rem;display:flex;align-items:center;justify-content:center}}.ab-lazy-image{transition:opacity .5s}.ab-lazy-image-loading{background:#f2f2f2;overflow:hidden}.ab-lazy-image-loading.ab-lazy-image-active{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:1.4s infinite ab-skeleton-loading}.ab-loading-wrap{position:fixed;top:0;left:0;z-index:9999;background-color:rgba(255,255,255,.7);height:100%;width:100%}.ab-loading-wrap .ab-loading-content{position:absolute;left:50%;top:50%;display:block;width:.31rem;height:.31rem;transform:translate(-50%,-50%)}.ab-message-container{position:fixed}.ab-message-notice{overflow:hidden;transition:.3s ease-out}.ab-message-content{display:flex;align-items:center;justify-content:space-between;max-width:calc(100vw - .3rem);margin:.05rem .15rem;padding:.08rem;border-radius:.02rem;background-color:#333;color:#fff;box-shadow:0 .01rem .05rem #333}.ab-message-close{display:flex;align-items:center;justify-content:center;cursor:pointer;width:.2rem;height:.2rem;font-size:.2rem;margin-left:.08rem;color:#b0b0b0}.ab-message-close:hover{color:#fff}.ab-message-fade-appear,.ab-message-fade-enter{opacity:0}.ab-message-fade-appear-active,.ab-message-fade-enter-active,.ab-message-fade-enter-done,.ab-message-fade-exit{opacity:1}.ab-message-fade-exit-active{opacity:0}.ab-message-fade-exit-done{display:none}@media only screen and (max-width:767px){.ab-message-content{width:calc(100vw - .3rem);margin:.08rem .15rem}}.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-loading-bar{position:fixed;top:0;left:0;margin-bottom:-3px;height:3px;width:100%;z-index:999}@keyframes movingBar{0%{left:50%;right:50%}99.9%{left:0;right:0}100%{left:50%;right:50%}}@keyframes changeBar{0%,33.3%{background-color:#0aa770}33.33%{background-color:red}66.6%,66.66%{background-color:#f987d6}99.9%{background-color:#00bcd4}}.ab-loading-bar-bar{position:absolute;height:0;width:100%;text-indent:-9999px;background-color:#0aa770;animation:2.25s infinite changeBar}.ab-loading-bar-bar::before{content:"";height:3px;position:absolute;left:50%;right:50%;background-color:inherit;animation:.75s infinite movingBar}.ab-move{cursor:move;visibility:hidden;transform-origin:center center}.ab-popover-wrap{background-clip:padding-box;min-width:210px;border-radius:4px}.ab-popover-inner{padding:.08rem .11rem .05rem;position:relative;width:100%;overflow:auto;font-size:.12rem}.ab-popover-inner-expand{padding-right:.1rem}.ab-popover-arrow{position:absolute;display:block;width:8px;height:8px;border-style:solid;box-shadow:3px 3px 7px rgba(0,0,0,.07)}.ab-popover-close{position:absolute;right:.02rem;top:.05rem;cursor:pointer;padding:0 .05rem;color:#bfbfbf;font-size:.2rem;line-height:1;z-index:2}.ab-popover-close:hover{color:#4a4a4a}.ab-popover-white{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.ab-popover-white .ab-popover-arrow{background-color:#fff;border-color:transparent #fff #fff transparent;border-width:4px}.ab-popover-orange{border:1px solid #906c00;box-shadow:1px 1px 5px -1px #000;background-color:#fffaec}.ab-popover-orange .ab-popover-arrow{background-color:#fffaec;border-color:transparent #906c00 #906c00 transparent;border-width:1px}.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-scroll-retain{scrollbar-gutter:stable}.ab-scroll::-webkit-scrollbar-track{background-color:transparent}.ab-scroll::-webkit-scrollbar-corner{background-color:transparent}.ab-scroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.ab-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}.ab-scroll::-webkit-scrollbar-track:hover{background-color:rgba(248,248,248,.5)}.ab-scroll-x{overflow-x:auto}.ab-scroll-x.ab-scroll-sm::-webkit-scrollbar{height:.06rem}.ab-scroll-x.ab-scroll-md::-webkit-scrollbar{height:.08rem}.ab-scroll-x.ab-scroll-lg::-webkit-scrollbar{height:.12rem}.ab-scroll-y{overflow-y:auto}.ab-scroll-y.ab-scroll-sm::-webkit-scrollbar{width:.06rem}.ab-scroll-y.ab-scroll-md::-webkit-scrollbar{width:.08rem}.ab-scroll-y.ab-scroll-lg::-webkit-scrollbar{width:.12rem}.ab-scroll-sm::-webkit-scrollbar-thumb{border-radius:.06rem}.ab-scroll-md::-webkit-scrollbar-thumb{border-radius:.08rem}.ab-scroll-lg::-webkit-scrollbar-thumb{border-radius:.12rem}.ab-scroll-hidden{scrollbar-width:none}.ab-scroll-hidden::-webkit-scrollbar{display:none}@media only screen and (max-width:767px){.ab-popover-wrap{width:calc(100% - .3rem)}.ab-scroll{scrollbar-width:thin;scrollbar-color:rgba(144,144,144,.4) transparent}.ab-scroll::-webkit-scrollbar-thumb,.ab-scroll::-webkit-scrollbar-thumb:hover{background-color:rgba(144,144,144,.4)}.ab-scroll::-webkit-scrollbar-track:hover{background-color:transparent}.ab-scroll.ab-scroll-lg::-webkit-scrollbar-thumb,.ab-scroll.ab-scroll-md::-webkit-scrollbar-thumb,.ab-scroll.ab-scroll-sm::-webkit-scrollbar-thumb{border-radius:0}.ab-scroll-x.ab-scroll-lg::-webkit-scrollbar,.ab-scroll-x.ab-scroll-md::-webkit-scrollbar,.ab-scroll-x.ab-scroll-sm::-webkit-scrollbar{height:.04rem}.ab-scroll-y.ab-scroll-lg::-webkit-scrollbar,.ab-scroll-y.ab-scroll-md::-webkit-scrollbar,.ab-scroll-y.ab-scroll-sm::-webkit-scrollbar{width:.04rem}}.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%}.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;display:flex;align-items:center;border:1px solid #ccc;cursor:pointer;border-radius:.02rem;user-select:none;padding:.08rem .07rem;font-size:.12rem;background-color:#fff;transition:.2s}.ab-select-input-group.ab-select-active,.ab-select-input-group.ab-select-enter{border-color:#348fee}.ab-select-input-group.ab-select-active{box-shadow:0 0 2px rgba(52,143,238,.8)}.ab-select-input-group.ab-select-empty{color:#888}.ab-select-input-group.ab-select-disabled{cursor:not-allowed}.ab-select-input-control{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ab-select-icon{position:relative;margin-left:.04rem;width:.14rem;height:.14rem}.ab-select-icon svg{position:absolute;left:50%;top:50%;color:#ccc;font-size:.12rem;transition:transform .2s;transform:translate(-50%,-50%)}.ab-select-active .ab-select-icon svg{transform:translate(-50%,-50%) rotate(180deg)}@media only screen and (max-width:767px){.ab-select-content{display:block}.ab-select-input-group{font-size:.14rem;padding:.1rem .07rem}.ab-select-col{padding-right:0}}.ab-show-more-collapse,.ab-show-more-ellipsis{white-space:nowrap}.ab-show-more-btn{color:#4068b0;cursor:pointer}.ab-show-more-hidden,.ab-show-more-text{visibility:hidden;height:0;display:block;overflow:hidden}.ab-show-more-hidden{width:0}.ab-tabs{position:relative;display:flex}.ab-tabs-item{cursor:pointer}.ab-tabs-item.ab-tabs-active{font-weight:700}.ab-tabs-item.ab-tabs-disabled{cursor:not-allowed;opacity:.7}.ab-tabs-bar{position:absolute;background-color:#b22222;transition:.25s;width:0;height:0;overflow:hidden;margin:0;padding:0}.ab-tabs-bottom,.ab-tabs-top{flex-direction:row}.ab-tabs-bottom>.ab-tabs-bar,.ab-tabs-top>.ab-tabs-bar{left:0}.ab-tabs-left,.ab-tabs-right{flex-direction:column}.ab-tabs-left>.ab-tabs-bar,.ab-tabs-right>.ab-tabs-bar{top:0}.ab-tabs-top>.ab-tabs-bar{bottom:0}.ab-tabs-bottom>.ab-tabs-bar{top:0}.ab-tabs-left>.ab-tabs-bar{right:0}.ab-tabs-right>.ab-tabs-bar{left:0}.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{position:relative;cursor:pointer;display:inline-flex;align-items:center;user-select:none}.ab-checkbox:hover .ab-checkbox-outer{border-color:#767676}.ab-checkbox-input{cursor:pointer;position:absolute;opacity:0;margin:0;padding:0;top:50%;left:0;transform:translateY(-50%);z-index:2}.ab-checkbox-check{opacity:0;transform:scale(0);transition:.2s cubic-bezier(.71,-.46,.88,.6),opacity .1s}.ab-checkbox-control{display:inline-block;margin-right:.06rem;position:relative;flex-shrink:0}.ab-checkbox-control svg{position:absolute;left:0;top:0;width:1em;height:1em;user-select:none;flex-shrink:0;fill:currentcolor;stroke:none}.ab-checkbox-outer{position:absolute;left:0;top:0;border:1px solid #b0b0b0;border-radius:.02rem;background-color:#fff}.ab-checkbox-checked .ab-checkbox-check{opacity:1;transform:scale(1);transition:.2s cubic-bezier(.12,.4,.29,1.46) .1s}.ab-checkbox-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ab-checkbox-disabled .ab-checkbox-input{cursor:not-allowed}.ab-checkbox-disabled span.ab-checkbox-control .ab-checkbox-outer{border-color:#f0f0f0;background-color:#f5f5f5}.ab-checkbox-disabled svg.ab-checkbox-check{color:#cecece}.ab-checkbox-white .ab-checkbox-check{color:#e84040}.ab-checkbox-blue .ab-checkbox-check{color:#fff}.ab-checkbox-blue.ab-checkbox-checked .ab-checkbox-outer{background-color:#0075ff;border-color:#0075ff}.ab-checkbox-group{display:flex;flex-wrap:wrap}.ab-checkbox-group .ab-checkbox{margin-right:.08rem}.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 .ab-checkbox-outer{border-width:2px}.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-skeleton{overflow:hidden}.ab-skeleton-item{background:#f2f2f2;overflow:hidden}.ab-skeleton-active .ab-skeleton-item{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:1.4s infinite ab-skeleton-loading}@keyframes ab-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.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-dp-cg-content,.ab-dp-cg-head,.ab-dp-cg-title{display:flex;align-items:center}.ab-dp-cg-title{user-select:none;font-size:.14rem;padding-bottom:.08rem}.ab-dp-cg-title>strong{flex:1 1;margin-left:.1rem;cursor:default;color:#4a4a4a}.ab-dp-cg-title>strong.ab-dp-cg-clickable{cursor:pointer}.ab-dp-cg-title>strong.ab-dp-cg-clickable:hover{color:#000}.ab-dp-cg-dis-icon,.ab-dp-cg-icon{align-self:flex-end;margin-left:.08rem}.ab-dp-cg-icon{cursor:pointer}.ab-dp-cg-head{padding-bottom:.05rem}.ab-dp-cg-head>li{display:flex;align-items:center;justify-content:center;cursor:default}.ab-dp-cg-content{flex-wrap:wrap}.ab-dp-cg-content>li{cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000}.ab-dp-cg-content>li:hover{background:#f0f0f0}.ab-dp-cg-content>li.ab-dp-cg-dis{cursor:not-allowed;color:#b0b0b0}.ab-dp-cg-content>li.ab-dp-cg-dis:hover{background:0 0}.ab-dp-cg-content>li.ab-dp-cg-selected,.ab-dp-cg-content>li:active{background:#c7e0f4;border:3px solid #c7e0f4;border-radius:2px;color:#000}.ab-dp-cg-content>li.ab-dp-cg-today{background:#0078d4;color:#fff}.ab-dp-cg-arrow{cursor:pointer}
+a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,ul,var,video{box-sizing:border-box}html{font-size:100px;font-family:Arial,sans-serif;touch-action:manipulation}@media only screen and (max-width:767px){html{font-size:100px}}body{font-size:.12rem;color:#333;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}input{outline:0}li,ul{padding:0;margin:0;list-style:none}.ab-affix,.ab-affix-custom{z-index:100}.ab-affix-custom{position:fixed;transition:transform .2s cubic-bezier(.7,.3,.1,1)}.ab-affix-fade-appear,.ab-affix-fade-enter{transform:translate(0,-100%)}.ab-affix-fade-appear-active,.ab-affix-fade-enter-active,.ab-affix-fade-exit{transform:translate(0,0)}.ab-affix-fade-exit-active{transform:translate(0,-100%)}.ab-affix-fade-exit-done{display:none}.ab-carousel{position:relative}.ab-carousel-content{position:relative;display:block;height:100%;width:100%;margin:0;padding:0;overflow:hidden}.ab-carousel-list{user-select:none;position:relative;top:0;left:0;display:block;overflow:hidden}.ab-carousel-slider{outline:0;overflow:hidden;float:left;display:none}.ab-carousel.ab-carousel-init .ab-carousel-slider{display:block}.ab-collapse{transform-origin:left top;transition:opacity .2s,height .2s}.ab-collapse-hidden{height:0;overflow:hidden}.ab-collapse-fade-enter{opacity:.8;overflow:hidden}.ab-collapse-fade-enter-active{opacity:1;overflow:hidden}.ab-collapse-fade-enter-done{opacity:1;overflow:initial}.ab-collapse-fade-exit{opacity:1;overflow:hidden}.ab-collapse-fade-exit-active{opacity:.8;overflow:hidden}.ab-collapse-fade-exit-done{display:none;overflow:initial}.ab-confirm-btns{display:flex;justify-content:flex-end;padding-top:.42rem}.ab-confirm-cancel,.ab-confirm-ok{overflow:hidden;position:relative;font-size:.12rem;border-width:1px;border-style:solid;outline:0;cursor:pointer;font-weight:700;padding:.05rem .3rem;display:inline-block;color:#fff;margin-left:.3rem}.ab-confirm-ok{border-color:#bc0000;background:linear-gradient(180deg,#c00000 0,#c00000 0,#a00000 100%,#a00000 100%)}.ab-confirm-ok:hover{border-color:#bc0000;background:#bc0000}.ab-confirm-cancel{border-color:grey;background:linear-gradient(180deg,#909090 0,#909090 0,#707070 100%,#707070 100%)}.ab-confirm-cancel:hover{border-color:grey;background:grey}.ab-dp-cal{display:flex}.ab-dp-cal-my{padding-left:.12rem;margin-left:.12rem;border-left:1px solid #b0b0b0}.ab-dp-cal-day,.ab-dp-cal-my{width:2.1rem}.ab-dp-cal-dis{color:#c8c8c8}.ab-dp-cal-dg>ul>li{width:14.28%;height:.28rem}.ab-dp-cal-myg{padding-bottom:.62rem}.ab-dp-cal-myg>ul{justify-content:space-between}.ab-dp-cal-myg>ul>li{width:.4rem;height:.4rem;margin-bottom:.1rem}.ab-dp-cal-t{cursor:pointer;position:absolute;right:.08rem;bottom:.3rem}.ab-dp-cal-t.ab-dp-cal-t-dis{color:#b0b0b0;cursor:default}.ab-date-picker{position:relative}.ab-date-picker-input{outline:0;font-size:.14rem;padding:.04rem;width:1.44rem}.ab-date-picker-input.ab-date-picker-error{background:#fffacd}.ab-date-picker-icon{color:#606060;position:absolute;right:.05rem;top:50%;transform:translateY(-50%)}.ab-drawer{position:fixed;z-index:101;background-color:#fff;overflow:auto;transition:transform .3s cubic-bezier(.7,.3,.1,1)}.ab-drawer-times{position:absolute;right:.17rem;font-size:.16rem;color:#b0b0b0;cursor:pointer;top:.11rem}.ab-drawer-times:hover{color:#333}.ab-drawer-tf-top{transform:translate(0,-100%)}.ab-drawer-tf-bottom{transform:translate(0,100%)}.ab-drawer-tf-left{transform:translate(-100%,0)}.ab-drawer-tf-right{transform:translate(100%,0)}.ab-drawer-hidden.ab-drawer,.ab-drawer-hidden.ab-mask{display:none}.ab-ellipsis{overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical}.ab-guide-mask.ab-mask{background-color:rgba(0,0,0,.7);z-index:4}.ab-guide-icon{position:absolute;z-index:5}.ab-guide-content{position:relative;z-index:6}.ab-textarea{display:flex;align-items:center;border:1px solid #ccc;position:relative;border-radius:.04rem;padding:.04rem}.ab-textarea-prefix,.ab-textarea-suffix{padding-left:.04rem;padding-right:.04rem}.ab-textarea.ab-textarea-enter,.ab-textarea.ab-textarea-focus{border-color:#348fee}.ab-textarea.ab-textarea-focus{box-shadow:0 0 4px #348fee}.ab-textarea.ab-textarea-disabled .ab-textarea-control{cursor:not-allowed}.ab-textarea-control{resize:none;appearance:none;display:block;outline:0;border:none;width:100%;padding:.02rem;background-color:transparent;font-size:inherit;line-height:1.3}.ab-textarea-suffix{position:absolute;right:0;bottom:-.2rem;color:#aaa;font-size:.13rem;padding-right:0}.ab-input-number .ab-input-suffix{padding-left:0;font-size:.08rem;position:absolute;right:0;top:0;width:.22rem;height:100%;padding-right:0;background-color:#fff;display:none;flex-direction:column;border-left:1px solid #f1f1f1}.ab-input-number-has-controls .ab-input-control{padding-right:.2rem}.ab-input-number-down,.ab-input-number-up{cursor:pointer;width:100%;height:50%;display:flex;align-items:center;justify-content:center;color:#333}.ab-input-number-down:hover,.ab-input-number-up:hover{background-color:#e2e2e2}.ab-input-number-down:active,.ab-input-number-up:active{background-color:#929292;color:#fff}.ab-input-number-up{border-bottom:1px solid #f1f1f1}.ab-input-number.ab-input-enter,.ab-input-number.ab-input-focus{border-color:#348fee}.ab-input-number.ab-input-enter .ab-input-suffix,.ab-input-number.ab-input-focus .ab-input-suffix{display:flex}.ab-input{display:flex;align-items:center;border:1px solid #ccc;overflow:hidden;position:relative;border-radius:.04rem;padding:.04rem}.ab-input-prefix,.ab-input-suffix{padding-left:.04rem;padding-right:.04rem}.ab-input.ab-input-enter,.ab-input.ab-input-focus{border-color:#348fee}.ab-input.ab-input-focus{box-shadow:0 0 4px #348fee}.ab-input.ab-input-disabled .ab-input-control{cursor:not-allowed}.ab-input-control{appearance:none;display:block;outline:0;border:none;width:100%;height:100%;padding:.02rem;background-color:transparent;font-size:inherit}.ab-lazy-image{position:relative;overflow:hidden;transition:opacity .5s;display:flex;align-items:center;justify-content:center}.ab-lazy-image::after{display:none;content:"";position:absolute;left:0;top:0;width:100%;height:100%}.ab-lazy-image-loading::after{display:block;background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:1.4s infinite ab-skeleton-loading}.ab-lazy-image img{display:block;max-width:100%;max-height:100%}.ab-loading-wrap{position:fixed;top:0;left:0;z-index:9999;background-color:rgba(255,255,255,.7);height:100%;width:100%}.ab-loading-wrap .ab-loading-content{position:absolute;left:50%;top:50%;display:block;width:.31rem;height:.31rem;transform:translate(-50%,-50%)}.ab-link-list-title{font-size:.16rem;margin:0;padding:0 0 .12rem;display:flex;justify-content:space-between;align-items:center}.ab-link-list-icon{display:none}.ab-link-list-content{flex-wrap:wrap;width:auto;margin-right:-.15rem}.ab-link-list-content.ab-link-list-col2>a,.ab-link-list-content.ab-link-list-col2>span{min-width:calc(100% / 2 - .15rem);max-width:calc(100% / 2 - .15rem)}.ab-link-list-content.ab-link-list-col4>a,.ab-link-list-content.ab-link-list-col4>span{min-width:calc(100% / 4 - .15rem);max-width:calc(100% / 4 - .15rem)}.ab-link-list-content.ab-link-list-col5>a,.ab-link-list-content.ab-link-list-col5>span{min-width:calc(100% / 5 - .15rem);max-width:calc(100% / 5 - .15rem)}.ab-link-list-content.ab-link-list-col6>a,.ab-link-list-content.ab-link-list-col6>span{min-width:calc(100% / 6 - .15rem);max-width:calc(100% / 6 - .15rem)}.ab-link-list-content.ab-link-list-col8>a,.ab-link-list-content.ab-link-list-col8>span{min-width:calc(100% / 8 - .15rem);max-width:calc(100% / 8 - .15rem)}.ab-link-list-content>a,.ab-link-list-content>span{cursor:pointer;border:.5px solid #d0d0d0;margin-bottom:8px;display:inline-block;justify-content:space-between;align-items:center;width:100%;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:.085rem .15rem .085rem .12rem;color:#333;margin-right:.15rem}.ab-link-list-content>a::after,.ab-link-list-content>span::after{content:">";position:absolute;right:.1rem;top:50%;transform:translateY(-50%);color:grey;font-size:.12rem}.ab-link-list-content>a:hover,.ab-link-list-content>span:hover{text-decoration:underline;color:#f97601}.ab-link-list-content>.ab-link-list-hidden{display:none}.ab-link-list-wrap-popover.ab-popover-wrap{max-width:3.5rem;min-width:3rem}.ab-link-list-sub-title{display:block;padding-bottom:.06rem;font-size:.12rem}.ab-link-list-sub-link{text-decoration:underline;color:#333;font-size:.12rem;padding:0 .05rem .05rem 0;display:inline-block}@media only screen and (max-width:767px){.ab-link-list-divider{border-bottom:1px solid #d0d0d0}.ab-link-list-body{height:0;width:0;overflow:hidden}.ab-link-list-body.ab-link-list-active{height:auto;width:auto}.ab-link-list-content.ab-link-list-col2>a,.ab-link-list-content.ab-link-list-col2>span,.ab-link-list-content.ab-link-list-col4>a,.ab-link-list-content.ab-link-list-col4>span,.ab-link-list-content.ab-link-list-col5>a,.ab-link-list-content.ab-link-list-col5>span,.ab-link-list-content.ab-link-list-col6>a,.ab-link-list-content.ab-link-list-col6>span,.ab-link-list-content.ab-link-list-col8>a,.ab-link-list-content.ab-link-list-col8>span{min-width:calc(50% - .15rem);max-width:calc(50% - .15rem)}.ab-link-list-icon{font-weight:700;font-size:.22rem;cursor:pointer;width:.2rem;height:.2rem;display:flex;align-items:center;justify-content:center}}.ab-loading-bar{position:fixed;top:0;left:0;margin-bottom:-3px;height:3px;width:100%;z-index:999}@keyframes movingBar{0%{left:50%;right:50%}99.9%{left:0;right:0}100%{left:50%;right:50%}}@keyframes changeBar{0%,33.3%{background-color:#0aa770}33.33%{background-color:red}66.6%,66.66%{background-color:#f987d6}99.9%{background-color:#00bcd4}}.ab-loading-bar-bar{position:absolute;height:0;width:100%;text-indent:-9999px;background-color:#0aa770;animation:2.25s infinite changeBar}.ab-loading-bar-bar::before{content:"";height:3px;position:absolute;left:50%;right:50%;background-color:inherit;animation:.75s infinite movingBar}.ab-message-container{position:fixed}.ab-message-notice{overflow:hidden;transition:.3s ease-out}.ab-message-content{display:flex;align-items:center;justify-content:space-between;max-width:calc(100vw - .3rem);margin:.05rem .15rem;padding:.08rem;border-radius:.02rem;background-color:#333;color:#fff;box-shadow:0 .01rem .05rem #333}.ab-message-close{display:flex;align-items:center;justify-content:center;cursor:pointer;width:.2rem;height:.2rem;font-size:.2rem;margin-left:.08rem;color:#b0b0b0}.ab-message-close:hover{color:#fff}.ab-message-fade-appear,.ab-message-fade-enter{opacity:0}.ab-message-fade-appear-active,.ab-message-fade-enter-active,.ab-message-fade-enter-done,.ab-message-fade-exit{opacity:1}.ab-message-fade-exit-active{opacity:0}.ab-message-fade-exit-done{display:none}@media only screen and (max-width:767px){.ab-message-content{width:calc(100vw - .3rem);margin:.08rem .15rem}}.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-move{cursor:move;visibility:hidden;transform-origin:center center}.ab-popover-wrap{background-clip:padding-box;min-width:210px;border-radius:4px}.ab-popover-inner{padding:.08rem .11rem .05rem;position:relative;width:100%;overflow:auto;font-size:.12rem}.ab-popover-inner-expand{padding-right:.1rem}.ab-popover-arrow{position:absolute;display:block;width:8px;height:8px;border-style:solid;box-shadow:3px 3px 7px rgba(0,0,0,.07)}.ab-popover-close{position:absolute;right:.02rem;top:.05rem;cursor:pointer;padding:0 .05rem;color:#bfbfbf;font-size:.2rem;line-height:1;z-index:2}.ab-popover-close:hover{color:#4a4a4a}.ab-popover-white{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.ab-popover-white .ab-popover-arrow{background-color:#fff;border-color:transparent #fff #fff transparent;border-width:4px}.ab-popover-orange{border:1px solid #906c00;box-shadow:1px 1px 5px -1px #000;background-color:#fffaec}.ab-popover-orange .ab-popover-arrow{background-color:#fffaec;border-color:transparent #906c00 #906c00 transparent;border-width:1px}.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}@media only screen and (max-width:767px){.ab-popover-wrap{width:calc(100% - .3rem)}}.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%}.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;display:flex;align-items:center;border:1px solid #ccc;cursor:pointer;border-radius:.02rem;user-select:none;padding:.08rem .07rem;font-size:.12rem;background-color:#fff;transition:.2s}.ab-select-input-group.ab-select-active,.ab-select-input-group.ab-select-enter{border-color:#348fee}.ab-select-input-group.ab-select-active{box-shadow:0 0 2px rgba(52,143,238,.8)}.ab-select-input-group.ab-select-empty{color:#888}.ab-select-input-group.ab-select-disabled{cursor:not-allowed}.ab-select-input-control{flex:1;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ab-select-icon{position:relative;margin-left:.04rem;width:.14rem;height:.14rem}.ab-select-icon svg{position:absolute;left:50%;top:50%;color:#ccc;font-size:.12rem;transition:transform .2s;transform:translate(-50%,-50%)}.ab-select-active .ab-select-icon svg{transform:translate(-50%,-50%) rotate(180deg)}@media only screen and (max-width:767px){.ab-select-content{display:block}.ab-select-input-group{font-size:.14rem;padding:.1rem .07rem}.ab-select-col{padding-right:0}}.ab-show-more-collapse,.ab-show-more-ellipsis{white-space:nowrap}.ab-show-more-btn{color:#4068b0;cursor:pointer}.ab-show-more-hidden,.ab-show-more-text{visibility:hidden;height:0;display:block;overflow:hidden}.ab-show-more-hidden{width:0}.ab-skeleton{overflow:hidden}.ab-skeleton-item{background:#f2f2f2;overflow:hidden}.ab-skeleton-active .ab-skeleton-item{background:linear-gradient(90deg,#f2f2f2 25%,#e6e6e6 37%,#f2f2f2 63%);background-size:400% 100%;animation:1.4s infinite ab-skeleton-loading}@keyframes ab-skeleton-loading{0%{background-position:100% 50%}100%{background-position:0 50%}}.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{position:relative;cursor:pointer;display:inline-flex;align-items:center;user-select:none}.ab-checkbox:hover .ab-checkbox-outer{border-color:#767676}.ab-checkbox-input{cursor:pointer;position:absolute;opacity:0;margin:0;padding:0;top:50%;left:0;transform:translateY(-50%);z-index:2}.ab-checkbox-check{opacity:0;transform:scale(0);transition:.2s cubic-bezier(.71,-.46,.88,.6),opacity .1s}.ab-checkbox-control{display:inline-block;margin-right:.06rem;position:relative;flex-shrink:0}.ab-checkbox-control svg{position:absolute;left:0;top:0;width:1em;height:1em;user-select:none;flex-shrink:0;fill:currentcolor;stroke:none}.ab-checkbox-outer{position:absolute;left:0;top:0;border:1px solid #b0b0b0;border-radius:.02rem;background-color:#fff}.ab-checkbox-checked .ab-checkbox-check{opacity:1;transform:scale(1);transition:.2s cubic-bezier(.12,.4,.29,1.46) .1s}.ab-checkbox-disabled{cursor:not-allowed;color:rgba(0,0,0,.25)}.ab-checkbox-disabled .ab-checkbox-input{cursor:not-allowed}.ab-checkbox-disabled span.ab-checkbox-control .ab-checkbox-outer{border-color:#f0f0f0;background-color:#f5f5f5}.ab-checkbox-disabled svg.ab-checkbox-check{color:#cecece}.ab-checkbox-white .ab-checkbox-check{color:#e84040}.ab-checkbox-blue .ab-checkbox-check{color:#fff}.ab-checkbox-blue.ab-checkbox-checked .ab-checkbox-outer{background-color:#0075ff;border-color:#0075ff}.ab-checkbox-group{display:flex;flex-wrap:wrap}.ab-checkbox-group .ab-checkbox{margin-right:.08rem}.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 .ab-checkbox-outer{border-width:2px}.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-tabs{position:relative;display:flex}.ab-tabs-item{cursor:pointer}.ab-tabs-item.ab-tabs-active{font-weight:700}.ab-tabs-item.ab-tabs-disabled{cursor:not-allowed;opacity:.7}.ab-tabs-bar{position:absolute;background-color:#b22222;transition:.25s;width:0;height:0;overflow:hidden;margin:0;padding:0}.ab-tabs-bottom,.ab-tabs-top{flex-direction:row}.ab-tabs-bottom>.ab-tabs-bar,.ab-tabs-top>.ab-tabs-bar{left:0}.ab-tabs-left,.ab-tabs-right{flex-direction:column}.ab-tabs-left>.ab-tabs-bar,.ab-tabs-right>.ab-tabs-bar{top:0}.ab-tabs-top>.ab-tabs-bar{bottom:0}.ab-tabs-bottom>.ab-tabs-bar{top:0}.ab-tabs-left>.ab-tabs-bar{right:0}.ab-tabs-right>.ab-tabs-bar{left: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-scrollbar-retain{scrollbar-gutter:stable}.ab-scrollbar::-webkit-scrollbar-track{background-color:transparent}.ab-scrollbar::-webkit-scrollbar-corner{background-color:transparent}.ab-scrollbar::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3)}.ab-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.6)}.ab-scrollbar::-webkit-scrollbar-track:hover{background-color:rgba(248,248,248,.5)}.ab-scrollbar-x{overflow-x:auto}.ab-scrollbar-x.ab-scrollbar-sm::-webkit-scrollbar{height:.06rem}.ab-scrollbar-x.ab-scrollbar-md::-webkit-scrollbar{height:.08rem}.ab-scrollbar-x.ab-scrollbar-lg::-webkit-scrollbar{height:.12rem}.ab-scrollbar-y{overflow-y:auto}.ab-scrollbar-y.ab-scrollbar-sm::-webkit-scrollbar{width:.06rem}.ab-scrollbar-y.ab-scrollbar-md::-webkit-scrollbar{width:.08rem}.ab-scrollbar-y.ab-scrollbar-lg::-webkit-scrollbar{width:.12rem}.ab-scrollbar-sm::-webkit-scrollbar-thumb{border-radius:.06rem}.ab-scrollbar-md::-webkit-scrollbar-thumb{border-radius:.08rem}.ab-scrollbar-lg::-webkit-scrollbar-thumb{border-radius:.12rem}.ab-scrollbar-hidden{scrollbar-width:none}.ab-scrollbar-hidden::-webkit-scrollbar{display:none}@media only screen and (max-width:767px){.ab-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(144,144,144,.4) transparent}.ab-scrollbar::-webkit-scrollbar-thumb,.ab-scrollbar::-webkit-scrollbar-thumb:hover{background-color:rgba(144,144,144,.4)}.ab-scrollbar::-webkit-scrollbar-track:hover{background-color:transparent}.ab-scrollbar.ab-scrollbar-lg::-webkit-scrollbar-thumb,.ab-scrollbar.ab-scrollbar-md::-webkit-scrollbar-thumb,.ab-scrollbar.ab-scrollbar-sm::-webkit-scrollbar-thumb{border-radius:0}.ab-scrollbar-x.ab-scrollbar-lg::-webkit-scrollbar,.ab-scrollbar-x.ab-scrollbar-md::-webkit-scrollbar,.ab-scrollbar-x.ab-scrollbar-sm::-webkit-scrollbar{height:.04rem}.ab-scrollbar-y.ab-scrollbar-lg::-webkit-scrollbar,.ab-scrollbar-y.ab-scrollbar-md::-webkit-scrollbar,.ab-scrollbar-y.ab-scrollbar-sm::-webkit-scrollbar{width:.04rem}}.ab-dp-cg-content,.ab-dp-cg-head,.ab-dp-cg-title{display:flex;align-items:center}.ab-dp-cg-title{user-select:none;font-size:.14rem;padding-bottom:.08rem}.ab-dp-cg-title>strong{flex:1 1;margin-left:.1rem;cursor:default;color:#4a4a4a}.ab-dp-cg-title>strong.ab-dp-cg-clickable{cursor:pointer}.ab-dp-cg-title>strong.ab-dp-cg-clickable:hover{color:#000}.ab-dp-cg-dis-icon,.ab-dp-cg-icon{align-self:flex-end;margin-left:.08rem}.ab-dp-cg-icon{cursor:pointer}.ab-dp-cg-head{padding-bottom:.05rem}.ab-dp-cg-head>li{display:flex;align-items:center;justify-content:center;cursor:default}.ab-dp-cg-content{flex-wrap:wrap}.ab-dp-cg-content>li{cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;border-radius:4px}.ab-dp-cg-content>li:hover{background:#f0f0f0}.ab-dp-cg-content>li.ab-dp-cg-out{color:#666}.ab-dp-cg-content>li.ab-dp-cg-dis{cursor:not-allowed;color:#b0b0b0}.ab-dp-cg-content>li.ab-dp-cg-dis:hover{background:0 0}.ab-dp-cg-content>li.ab-dp-cg-selected{background:#0078d4;color:#fff}.ab-dp-cg-content>li.ab-dp-cg-selected:hover{background:#0078d4}.ab-dp-cg-content>li.ab-dp-cg-today{border:1px solid #0078d4}.ab-dp-cg-arrow{cursor:pointer}

package/lib/accordion/CollapseItem.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { CollapseProps } from '../collapse';
+import { BaseAccordionItemProps } from './type';
+/**
+ * 父组件传进来的值，不需要用户传入
+ */
+export interface CollapseAccordionItemProps extends BaseAccordionItemProps, Pick<CollapseProps, 'title' | 'appear' | 'visible'> {
+    onClick?: () => void;
+}
+declare class CollapseAccordionItem extends React.Component<CollapseAccordionItemProps, null> {
+    getTitle: () => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+    render(): JSX.Element;
+}
+export default CollapseAccordionItem;

package/lib/accordion/CollapseItem.js

@@ -0,0 +1,64 @@
+"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 _collapse = _interopRequireDefault(require("../collapse"));
+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 CollapseAccordionItem = /** @class */function (_super) {
+  __extends(CollapseAccordionItem, _super);
+  function CollapseAccordionItem() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.getTitle = function () {
+      var _a = _this.props,
+        title = _a.title,
+        onClick = _a.onClick;
+      if (!title) {
+        return null;
+      }
+      var child = _react.default.Children.only(title);
+      return /*#__PURE__*/_react.default.cloneElement(child, {
+        onClick: onClick
+      });
+    };
+    return _this;
+  }
+  CollapseAccordionItem.prototype.render = function () {
+    var _a = this.props,
+      appear = _a.appear,
+      children = _a.children,
+      visible = _a.visible;
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_collapse.default, {
+      title: this.getTitle(),
+      visible: visible,
+      appear: appear
+    }, children));
+  };
+  return CollapseAccordionItem;
+}(_react.default.Component);
+var _default = CollapseAccordionItem;
+exports.default = _default;

package/lib/accordion/Item.d.ts

@@ -1,22 +1,19 @@
 import React from 'react';
-import { CollapseProps } from '../collapse';
-/**
- * 暴露给用户的接口，用于接收来自用户输入的参数
- */
-export interface BaseAccordionItemProps extends Pick<CollapseProps, 'title' | 'appear'> {
+import { BaseAccordionItemProps } from './type';
+interface AccordionItemChild {
     /**
-     * 用于标识Item
+     * 是否是展开状态
      */
-    name: React.ReactText;
+    visible: boolean;
+    /**
+     * 点击触发后改变Visible状态
+     */
+    onClick?: () => void;
 }
-/**
- * 父组件传进来的值，不需要用户传入
- */
-export interface AccordionItemProps extends BaseAccordionItemProps, Pick<CollapseProps, 'visible'> {
-    onTitleClick?: () => void;
+export interface AccordionItemProps extends BaseAccordionItemProps, Partial<AccordionItemChild> {
+    children: React.ReactElement | ((params: AccordionItemChild) => React.ReactElement);
 }
 declare class AccordionItem extends React.Component<AccordionItemProps, null> {
-    getTitle: () => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
-    render(): JSX.Element;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | (((params: AccordionItemChild) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & string) | (((params: AccordionItemChild) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & number) | (((params: AccordionItemChild) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & false) | (((params: AccordionItemChild) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & true);
 }
 export default AccordionItem;

package/lib/accordion/Item.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _collapse = _interopRequireDefault(require("../collapse"));
 var __extends = void 0 && (void 0).__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
@@ -32,31 +31,20 @@ var __extends = void 0 && (void 0).__extends || function () {
 var AccordionItem = /** @class */function (_super) {
   __extends(AccordionItem, _super);
   function AccordionItem() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.getTitle = function () {
-      var _a = _this.props,
-        title = _a.title,
-        onTitleClick = _a.onTitleClick;
-      if (!title) {
-        return null;
-      }
-      var child = _react.default.Children.only(title);
-      return /*#__PURE__*/_react.default.cloneElement(child, {
-        onClick: onTitleClick
-      });
-    };
-    return _this;
+    return _super !== null && _super.apply(this, arguments) || this;
   }
   AccordionItem.prototype.render = function () {
     var _a = this.props,
-      appear = _a.appear,
-      children = _a.children,
-      visible = _a.visible;
-    return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_collapse.default, {
-      title: this.getTitle(),
-      visible: visible,
-      appear: appear
-    }, children));
+      onClick = _a.onClick,
+      visible = _a.visible,
+      children = _a.children;
+    if (typeof children === 'function') {
+      return children({
+        onClick: onClick,
+        visible: visible
+      });
+    }
+    return children;
   };
   return AccordionItem;
 }(_react.default.Component);

package/lib/accordion/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { BaseAccordionItemProps } from './Item';
+import { CollapseAccordionItemProps } from './CollapseItem';
+import { AccordionItemProps } from './Item';
 export interface AccordionProps {
     children: React.ReactElement | React.ReactElement[];
     /**
@@ -12,12 +13,13 @@ export interface AccordionProps {
     interactive?: boolean;
     /**
      * visible改变前执行的方法
+     * 如果返回false，则不执行这次visible变更；如果返回true，则执行这次visible变更
      */
-    beforeVisibleChange?: (name?: React.ReactText) => boolean;
+    beforeVisibleChange?: (visible: boolean, name?: React.ReactText) => boolean;
     /**
      * visible改变后执行的方法
      */
-    onVisibleChange?: (name?: React.ReactText, visible?: boolean) => void;
+    afterVisibleChange?: (visible: boolean, name?: React.ReactText) => void;
     /**
      * 需要一开始显示的Item name集合
      */
@@ -25,19 +27,20 @@ export interface AccordionProps {
 }
 interface AccordionState {
     visibleNames: {
-        [propName: string]: boolean;
-        [propName: number]: boolean;
+        [propName: React.ReactText]: boolean;
     };
 }
 declare class Accordion extends React.Component<AccordionProps, AccordionState> {
     readonly prefixCls = "ab-accordion";
-    static Item: React.ComponentType<BaseAccordionItemProps>;
+    static CollapseItem: React.ComponentType<Omit<CollapseAccordionItemProps, "visible" | "onClick">>;
+    static Item: React.ComponentType<Pick<AccordionItemProps, "name" | "children">>;
     constructor(props: any);
     static defaultProps: {
         className: string;
         interactive: boolean;
         defaultVisibleNames: any[];
     };
+    refresh: () => void;
     /** *
      * 展开下拉链接列表
      * @param name